Browse skills

Generates SVG art from text prompts, offering a flexible and scalable way to create custom graphics for web design projects.

This skill generates Framer Motion code for creating dynamic UI animations and transitions, streamlining responsive web development.

Extracts structured data from websites using Firecrawl, bypassing common anti-scraping measures.

Generates HTML code snippets for web development tasks, streamlining content creation and ensuring proper formatting for websites.

Expert system for creating high-quality, brand-aligned user interfaces. Use this skill when asked to design websites, create components, or implement specific visual styles. It contains specifications for major tech companies, design trends, and specific site types like blogs or presentations.

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases in

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective.

Analyzes website/app interfaces, identifying usability issues & suggesting improvements based on UX best practices.

Helps with web development, Vue as part of software development workflows workflows.

Helps with web development, design, guidelines as part of building frontend UIs and user experiences workflows.

Builds responsive, accessible web interfaces using React, JavaScript, HTML, and CSS based on provided designs and specifications.

Generates complete, deployable full-stack web applications (frontend & backend) from natural language prompts.

Cf Browser allows you to browse the web using a custom-built, lightweight Chromium instance for enhanced privacy and control.

Generates Tailwind CSS gradient classes based on color inputs, simplifying complex styling for web developers.

Optimizes website performance by automatically adjusting frontend assets to improve Core Web Vitals scores.

This Accessibility Auditor analyzes web content to identify potential barriers for users with disabilities, ensuring inclusive design and compliance.

Build modern web applications with Next.js 16's App Router, streamlining data fetching and server-side rendering for optimal performance & user experience.

Generates reusable frontend components and web artifacts based on provided specifications from dalehurley's design system.

Helps with web development, performance optimization as part of building frontend UIs and user experiences workflows.

Automatically extracts and organizes reusable UI components from website screenshots for faster development workflows.

Helps with web development, CSS as part of agent workflows workflows.

Provides Angular guidance and assistance for software development workflows.

Generates, updates, and deploys Nuxt.js websites based on your specifications, streamlining frontend development workflows.

Helps with mobile development, web development as part of building frontend UIs and user experiences workflows.