mcpField

shadcn

shadcn-uiデザイン・UI127.1k 回インストール

shadcn について

shadcn のコンポーネントとプロジェクトを管理し、追加、検索、修正、デバッグ、スタイリング、UI の組み立て(チャットインターフェースを含む)を行います。プロジェクトのコンテキスト、コンポーネントのドキュメント、使用例を提供します。shadcn/ui、コンポーネントレジストリ、プリセット、--preset コード、または components.json ファイルを含むプロジェクトで使用します。また、「shadcn init」「create an app with --preset」「switch to --preset」の実行、デザインシステムの構築、DESIGN.md やブランド仕様の shadcn/ui への適用時にも使用します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://shadcn-ui/ui --skill shadcn

インストール後、Claude Code で/shadcnを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

cli.md
customization.md
design-system-page.md
design-system.md
mcp.md
registry.md
agents/
openai.yml
assets/showcase/
color-pair.tsx
preview-states.css
state-matrix.tsx
evals/
evals.json
rules/
base-vs-radix.md
chat.md
composition.md
forms.md
icons.md
styling.md
scripts/
showcase-coverage.mjs

コメント