shadcn-ui

shadcn-ui

カタログのスタブ — 完全なスキル：shadcn-ui/ui（skills/shadcn）

判断フロー

1. 完全なスキルはすでにインストールされていますか？ 上流ではこのスキルを shadcn と名付けているため、このポインターの隣にインストールされます（ポインターは置き換えられません）。

   • グローバル：f=~/.agents/skills/shadcn/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/shadcn/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルは shadcn としてインストールされています。呼び出して続行してください
   • pointer → 手順 2 に進みます

2. スコープを検出してからインストールします。

   [ -e ~/.agents/skills/shadcn-ui ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add shadcn-ui/ui --skill shadcn -g -y
   

   プロジェクト：

   npx skills add shadcn-ui/ui --skill shadcn -y
   

   Claude Code： 会話を離れずにコマンドを実行するには、チャットメッセージを ! で始めてコマンドを送信します。

ご注意

• 必要要件： Node.js：このスキルは、パッケージランナー（使用時に npm から取得する npx shadcn@latest ...）経由で shadcn CLI を実行します。プロジェクトのコンテキスト取得には info --json も使用します。また、components.json ファイルがあるプロジェクト、または shadcn init でこれから作成するプロジェクトが必要です
• ライセンス： MIT
• ダウンロードサイズ： 約 71 MB
• 名前の競合： shadcn-ui は google-stitch-skills によっても書き込まれます（インストール時またはカタログポインターの追加時）。両方をインストールすると、先にインストールしたものが上書きされます。

インストール後の呼び出し

• スキル名：shadcn
• 起動フレーズ：「shadcn」、「shadcn/ui」、「shadcn component」、「ui component」

機能

shadcn/ui を扱うためのプロジェクトに応じたワークフローを提供します。利用可能なコンポーネントレジストリ（コミュニティレジストリを含む）の検索、正しい CLI コマンドを使ったコンポーネントの追加、既存コンポーネントの組み合わせ（設定ページには Tabs + Card + フォームコントロールを使用）、カスタムスタイルよりも組み込みのバリアントとセマンティックカラーを優先する方法、よくある実装ミスの修正を扱います。プリセット、レジストリ、デザインシステムのページも対象です。このスキルは npx shadcn@latest info --json を実行してプロジェクトのコンテキストを読み込みます。

同じ上流リポジトリには、コンポーネントを Radix UI から Base UI に移行するための別の migrate-radix-to-base スキルもあります。このスタブには含まれていません（npx skills add shadcn-ui/ui --skill migrate-radix-to-base で追加してください）。

使用しない場合

• shadcn 以外のコンポーネントライブラリ、またはゼロから構築するデザインシステム — design-consultation を使用してください
• Google Stitch から shadcn への変換 — google-stitch-skills を使用してください