shadcn
shadcn/ui コンポーネント ライブラリのベスト プラクティスとパターン (以前の shadcn-ui)。このスキルは、適切なアーキテクチャ、アクセシビリティ、およびパフォーマンスを確保するために、shadcn/ui コンポーネントを作成、レビュー、またはリファクタリングするときに使用する必要があります。 Radix プリミティブ、Tailwind スタイル、React Hook Form によるフォーム検証、データ テーブル、テーマ、またはコンポーネント構成パターンを含むタスクをトリガーします。
SKILL.md
Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |
| 8 | State Management | LOW-MEDIUM | state- |
shadcn/ui コンポーネント ライブラリのベスト プラクティスとパターン (以前の shadcn-ui)。このスキルは、適切なアーキテクチャ、アクセシビリティ、およびパフォーマンスを確保するために、shadcn/ui コンポーネントを作成、レビュー、またはリファクタリングするときに使用する必要があります。 Radix プリミティブ、Tailwind スタイル、React Hook Form によるフォーム検証、データ テーブル、テーマ、またはコンポーネント構成パターンを含むタスクをトリガーします。 ソース: thongdn-it/react-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn- カテゴリ
- </>開発ツール
- 認証済み
- —
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
shadcn とは?
shadcn/ui コンポーネント ライブラリのベスト プラクティスとパターン (以前の shadcn-ui)。このスキルは、適切なアーキテクチャ、アクセシビリティ、およびパフォーマンスを確保するために、shadcn/ui コンポーネントを作成、レビュー、またはリファクタリングするときに使用する必要があります。 Radix プリミティブ、Tailwind スタイル、React Hook Form によるフォーム検証、データ テーブル、テーマ、またはコンポーネント構成パターンを含むタスクをトリガーします。 ソース: thongdn-it/react-agent-skills。
shadcn のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/thongdn-it/react-agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- user
- 初回登録
- 2026-02-01