shadcn-component-review
✓カスタム コンポーネントとレイアウトを shadcn デザイン パターン、テーマ スタイル (Maia、Vega、Lyra、Nova、Mira)、コンポーネント構造、構成可能性、Radix UI のベスト プラクティスと照らし合わせて確認します。新しいコンポーネントの計画、既存のコンポーネントのレビュー、間隔の監査、コンポーネント構造のチェック、または shadcn ベスト プラクティスの調整の検証を行うときに使用します。
SKILL.md
Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.
Use gap- for flex/grid containers. Spacing varies by theme style:
| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |
カスタム コンポーネントとレイアウトを shadcn デザイン パターン、テーマ スタイル (Maia、Vega、Lyra、Nova、Mira)、コンポーネント構造、構成可能性、Radix UI のベスト プラクティスと照らし合わせて確認します。新しいコンポーネントの計画、既存のコンポーネントのレビュー、間隔の監査、コンポーネント構造のチェック、または shadcn ベスト プラクティスの調整の検証を行うときに使用します。 ソース: mattbx/shadcn-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
shadcn-component-review とは？
カスタム コンポーネントとレイアウトを shadcn デザイン パターン、テーマ スタイル (Maia、Vega、Lyra、Nova、Mira)、コンポーネント構造、構成可能性、Radix UI のベスト プラクティスと照らし合わせて確認します。新しいコンポーネントの計画、既存のコンポーネントのレビュー、間隔の監査、コンポーネント構造のチェック、または shadcn ベスト プラクティスの調整の検証を行うときに使用します。 ソース: mattbx/shadcn-skills。
shadcn-component-review のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/mattbx/shadcn-skills