shadcn/ui リポジトリに同梱されているスキル:エージェントは、components.json が存在するプロジェクトでコンポーネントの追加、ドキュメントの参照、プリセットやブランドガイドラインの適用を行う際、まず shadcn CLI を使用してプロジェクト設定とインストール済みコンポーネントを読み込み、その後、固定された組み合わせとスタイルルールに従って UI を記述します。
skills.sh インストール数 127430(+1516 / 24時間)
セキュリティ監査:未実施
- スキャン未実施
理由
- ルールを項目ごとに列挙し、正誤の例を併記:className はレイアウトのみを扱い、色やフォントを上書きしない;space-y-* の代わりに flex + gap を使用;フォームには FieldGroup + Field を使用;Dialog / Sheet / Drawer にはタイトルが必須;ボタンには isLoading プロパティがなく、Spinner と組み合わせる
- コンポーネントを記述する前に、npx shadcn@latest docs <コンポーネント> を実行してドキュメントとサンプルリンクを取得;インストール済みコンポーネントを更新する際は、まず --dry-run と --diff で差分を確認してからマージ
- ユーザーがどのレジストリからコンポーネントを追加するか指定していない場合は、推測せず必ず確認する;コミュニティレジストリからインストールしたファイルについては、ハードコードされたインポートパスを検査する
- skills.sh の 24 時間あたりのインストール数は 1516、累計は 127430(注目度のみを示す)
使い方
- components.json を含むプロジェクトにおいて、shadcn に関連するリクエストが自動的にトリガーされる(user-invocable: false のため、手動での呼び出しは不可)
- プロジェクトのパッケージマネージャーに応じて npx / pnpm dlx / bunx を使用して shadcn@latest を実行;プリセットの適用には init --preset <コード> または apply <コード> を使用
リスク
- 本号では未監査であり、固定の C 評価、インストールコマンドは表示されない
- SKILL.md の冒頭で !`npx shadcn@latest info --json` を用いてプロジェクト情報を注入しており、この記法をサポートするクライアントでは、スキルの読み込み時にこのコマンドが実行される。実行されるのはバージョン固定されていない @latest である
- apply <プリセット> は、検出されたコンポーネント、フォント、CSS 変数を上書きする;コミュニティレジストリのコンポーネントはサードパーティ製コードである