stitch-to-react
Use when converting Stitch designs into production React components. Enforces modular architecture: logic in hooks, data in mockData.ts, Readonly TypeScript…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,096 results
nebula-component-creation
Create React components by copying and modifying examples from `examples/components/`. Use when asked to (1) Create, add, or build a new component, (2) Copy an…
nebula-component-validation
Validate components after creating or modifying components, and after page work that changes rendered output, before considering work complete. Runs `npm run…
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
accessible-notifications
Guidance for accessible user notifications and feedback. AUTO-TRIGGER when implementing: toasts, snackbars, notifications, alerts, flash messages, status…
framer-motion
Expert skill for Motion (formerly Framer Motion) — the React animation library. Use this skill whenever the user asks to animate React components, add…
anygen
AI office content generator by AnyGen. Create professional slides, documents, websites, diagrams, data tables, and research reports from natural language…
frontend-aceternity
Dramatic animated effects for landing pages and marketing sites. Use when user needs "wow-factor", hero sections with spotlights/aurora, 3D hover cards, text…
frontend-color-system
Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind color schemes, checking WCAG accessibility…
html-to-markdown
Convert a URL or HTML into clean Markdown with metadata using markmaton. Handles browser capture for JS-heavy pages and deterministic HTML-to-Markdown…
a11y
Accessibility audit for frontend changes — WCAG 2.2 AA, screen-reader compatibility, keyboard navigation, focus management, ARIA correctness, color contrast,…
web-perf
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies…
ariestools-sdk-react
Aries Tools React UI libraries — the @ariestools/sdk-react umbrella and its subpaths, the focused foundation, ui, app, analytics, crypto and feature packages,…
favicon
Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.
frontend-design
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need…
wordpress-mockups
Build accurate WordPress/Gutenberg UI mockups using pre-extracted design tokens, icons, and components. Use when prototyping WordPress admin interfaces or Site…
next-app-development
Writing or reviewing a Next.js App Router change — the version 16 framework layer, covering routing, rendering, caching, mutations, and deployment. Triggers on…
html-effectiveness-diagram
Sub-skill — illustrations and diagrams. Use when the user wants images for a blog/document (SVG illustration set), flowcharts, state machines, deploy pipeline (flowchart.html). All diagrams use inline SVG, no external libraries (mermaid/d3/excalidraw). When the parent skill…
json-render-react
React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating…
json-render-react-native
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…
json-render-shadcn
Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…
remotion-best-practices
Best practices for Remotion - Video creation in React
mobile-native
Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers…
web-artifacts-builder
Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex…