メニュー
Add and manage shadcn/ui components via CLI. Use when installing new UI components, building forms with validation, creating modals/dialogs/sheets, adding navigation menus, setting up data tables or charts, or updating existing shadcn components.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Phase 2 - Clarify technical requirements from product specs. Requires product-adr.md as input. Outputs tech-adr.md. Use when running /technical-requirements, clarifying technical ADRs, or moving from product requirements to a fully-specified technical specification via research, approach selection, and 15 sequential categories.
Use when finding validated tiny iOS app ideas or explicitly validating a wedge for one opportunity from an existing App Tiny Bets report. Phase 1 performs keyword-first discovery with Astro and competitor evidence. Phase 2 runs only when explicitly requested with a report and one selected opportunity, then mines competitor reviews and creates a wedge brief.
Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server — snapshot its accessibility tree, click/type/scroll by element_index or pixel coords, verify via re-snapshot, all without bringing the target to the foreground. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host.
Orchestrate and judge an issue-to-PR pipeline without editing artifacts directly. Use when the user wants an issue-to-PR workflow, task-to-PR pipeline, or structured path from request to PR readiness. Routes each stage to the owning skill or subagent, checks gate outputs, asks for revisions when the pipeline drifts, and keeps PR as a placeholder.
Review agentic system quality with a lean heuristic gate. Use when auditing, approving, improving, or quality-checking skills, agents, prompts, or agentic workflows and a verdict is needed.
Reusable verification gate for completed work before commit or merge. Use when implementation is done and Claude must prove the task works, verify the main user flow, route verification by platform, and return a PASS/FAIL/BLOCKED verdict with evidence. Web and mobile-web verification uses agent-browser. iOS and macOS verification uses xcodebuildmcp-cli.
| name | shadcn |
| description | Add and manage shadcn/ui components via CLI. Use when installing new UI components, building forms with validation, creating modals/dialogs/sheets, adding navigation menus, setting up data tables or charts, or updating existing shadcn components. |
Quickly add pre-built, customizable React components based on Radix UI and Tailwind CSS.
| Command | Purpose |
|---|---|
npx shadcn@latest add <component> | Add single component |
npx shadcn@latest add btn dialog | Add multiple components at once |
npx shadcn@latest add -a | Add ALL components |
npx shadcn@latest add -o <component> | Overwrite existing component |
npx shadcn@latest view <component> | Preview component before install |
npx shadcn@latest init | Initialize project (first-time) |
Forms: button, input, label, select, checkbox, radio-group, switch, textarea, form
Layout: card, separator, tabs, accordion, collapsible, resizable
Feedback: alert, alert-dialog, dialog, drawer, sheet, toast, sonner, tooltip, popover
Navigation: dropdown-menu, menubar, navigation-menu, breadcrumb, pagination, command
Data Display: table, data-table, avatar, badge, calendar, carousel, chart
npx shadcn@latest add button
npx shadcn@latest add form input label select
npx shadcn@latest add -y dialog
npx shadcn@latest add -o button
npx shadcn@latest view chart
npx shadcn@latest add button -p src/components/ui
| Flag | Short | Description |
|---|---|---|
--yes | -y | Skip confirmation prompt |
--overwrite | -o | Overwrite existing files |
--all | -a | Install all components |
--path <path> | -p | Custom destination path |
--silent | -s | Suppress output |
src/ui/ in this project (configured in components.json)@/ path alias for importsComponent already exists: Use -o flag to overwrite
npx shadcn@latest add -o button
Missing dependencies: The CLI auto-installs peer deps, but if issues occur:
npm install @radix-ui/react-<primitive> class-variance-authority
Path issues: Check components.json for configured paths