shadcn
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.mdcustomization.mddesign-system-page.mddesign-system.mdmcp.mdregistry.mdagents/openai.ymlassets/showcase/color-pair.tsxpreview-states.cssstate-matrix.tsxevals/evals.jsonrules/base-vs-radix.mdchat.mdcomposition.mdforms.mdicons.mdstyling.mdscripts/showcase-coverage.mjsコメント
Markdown 対応