Frontend commands

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

shadcn-add

01

TryGhost/Ghost

Command Claude Code

Add a new ShadCN/UI component to Shade with Storybook stories.

not rated 56k +40 today A 14 tokens original MIT

clone-website

02

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.

not rated 37k +486 changed 10d ago A 34 tokens original MIT

notnotype/neuro-book

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.

not rated 744 +10 yesterday A 0 tokens AGPL-3.0

kim-ui2code

04

KimYx0207/Kim_Service

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.

not rated 175 +1 6d ago A 25 tokens original MIT

optimize

05

jiushiwon/wg-skills

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.

not rated 119 +5 3d ago A 0 tokens original Apache-2.0

component

06

TidyFactor/Styler

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.

not rated 118 5d ago A 0 tokens

frontend-e2e

08

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.

not rated 57 3d ago A 0 tokens original MIT

bootstrap

10

Indie-Kit/nextjs-saas-starter

Command Claude Code

Bootstrap a full project from requirements to implementation.

not rated 28 +1 13d ago A 11 tokens original MIT

shadcn-form-guide

12

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.).

not rated 26 5mo ago A 0 tokens original MIT

854771076/oh-my-claude-roles

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.

not rated 22 6mo ago A 19 tokens original MIT

composable

15

oro-ad/nuxt-claude-devtools

Command Claude Code

Generate a Vue 3 composable function with proper TypeScript types.

not rated 20 8mo ago A 0 tokens GPL-3.0

ui-interactive

16

databayt/hogwarts

Command Claude Code

Interactive component wizard with step-by-step guidance and enforced quality gates.

not rated 18 today A 12 tokens

start

17

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.

not rated 12 changed 12d ago A 0 tokens original MIT

setup

18

wpank/ai

Command Claude Code

Add Tailwind CSS v4 and shadcn/ui to an existing React/Vite project.

not rated 11 8mo ago A 0 tokens

test-webapp-ui

19

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.

not rated 11 1y ago A 0 tokens

nextjs

20

usrrname/cursorrules

Command Claude Code

Apply Next.js App Router and React 19 patterns.

not rated 11 6mo ago A 0 tokens original ISC

build-from-canva

21

PMDevSolutions/Aurelius

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.

not rated 9 14d ago A 0 tokens original MIT

refactor-ui

22

nyldn/claude-dolphin

Command Claude Code

Apply tactical UI improvements using Refactoring UI principles.

not rated 8 1mo ago A 9 tokens original MIT

sandbox

23

memi-design/design-sandbox

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.

not rated 7 yesterday A 33 tokens original MIT

rams

24

marchatton/agent-skills

Command Claude Code

Run accessibility and visual design review.

not rated 5 7mo ago A 6 tokens original MIT

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: