shadcn-add
01Command Claude Code
Add a new ShadCN/UI component to Shade with Storybook stories.
545 tagged Frontend, measured the same way as everything else here.
Browse within: claude-code-plugin 208design-system 116ai-tools 88fullstack 73cursor 72azure 69bootstrap 68ai-coding 67agents 61accessibility 47skills 47cli 41agentic-ai 32LLM 28
Command Claude Code
Add a new ShadCN/UI component to Shade with Storybook stories.
JCodesMore/ai-website-cloner-template
Command Claude Code
Rebuild one or more websites as working Next.js pages matching their content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering.
Command Claude Code
A page-level host for workbench commands, panels, keyboard shortcuts, and a command palette. It mounts and unmounts with the page, but is not mounted in Lab pages.
Command Claude Code
A workflow that turns a UI screenshot or design into frontend code by combining image analysis, technical planning, code generation, and review.
Command Claude Code
A command for reviewing and changing the visual design of HTML, Vue, React, uni-app, or mini-program projects. It detects the technology, extracts existing design values such as colors and spacing, matches a brand profile, and applies a consistent design system.
Command Claude Code
Command "component" from TidyFactor/Styler, covering command: component — create or redesign a single component, when to use, dispatch steps and do not load.
Automattic/wordpress-agent-skills
Command Claude Code
Create a WordPress block theme from a description and deploy it to a local Studio site.
intellegix/intellegix-code-agent-toolkit
Command Claude Code
Perform a thorough live E2E test of a frontend web application using browser-bridge MCP tools. Tests every page, interactive element, form, navigation flow, responsive breakpoint, and accessibility rule through real browser interaction.
Carlos-Dominguez-faber/forja-landing
Command Claude Code
Comando principal del skill forja-landing. Enruta al route correcto.
Command Claude Code
Bootstrap a full project from requirements to implementation.
alessioarzenton/claude-code-wp-toolkit
Command Claude Code
WCAG 2.2 AA accessibility audit on specific files or the entire project.
dyeoman2/tanstack-start-template
Command Claude CodeCursor
This guide demonstrates proper ShadCN form implementation using @tanstack/react-form with the October 2025 component suite (Field, InputGroup, etc.).
Command Claude Code
A command that initializes a new full-stack TypeScript and Next.js project using the listed company technology and project rules. Full-stack means the project includes both the browser-facing part and the server-side part.
joaquimscosta/arkhe-claude-plugins
Command Claude Code
Guided UI/visual development with structured exploration, architecture design, and quality review.
Command Claude Code
Generate a Vue 3 composable function with proper TypeScript types.
Command Claude Code
Interactive component wizard with step-by-step guidance and enforced quality gates.
henkisdabro/cloudflare-workers-react-boilerplate
Command Claude Code
You are turning a fresh copy of the Cloudflare Workers + React template into the user's own project and getting it live. Users range from first-time builders to experienced developers.
Command Claude Code
Add Tailwind CSS v4 and shadcn/ui to an existing React/Vite project.
bkrabach/ai-code-project-template
Command Claude Code
Command "test-webapp-ui" from bkrabach/ai-code-project-template, covering usage, context, process, output format and notes.
Command Claude Code
Apply Next.js App Router and React 19 patterns.
Command Claude Code needs its repo
You are the master orchestrator for converting a Canva design into a fully working, tested React application. You receive a Canva URL and guide the entire process through 12 phases, using specialized skills and agents.
Command Claude Code
Apply tactical UI improvements using Refactoring UI principles.
Command Claude Code
Spike a design idea — decode brief/screenshot/figma, scaffold shadcn into /sandbox, optionally layer motion. Default entry point for any design exploration.
Command Claude Code
Run accessibility and visual design review.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: