shadcn-ui
✓shadcn/ui コンポーネントを使用して、本番環境に対応した React/Next.js UI を構築します。フルライフサイクル - インストール、カスタマイズ、構成、デバッグ、最適化。コンポーネント、フォーム、テーブル、テーマ、アニメーション、フックをカバーします。
SKILL.md
shadcn/ui is NOT a component library - it's a collection of re-usable components you copy into your project and own. This philosophy changes everything about how you work with it.
Components are copied directly into your components/ui/ directory. You can and should modify them. Don't wrap components - edit them directly. This is intentional.
Build complex UIs by composing primitives. Every component follows consistent patterns:
shadcn/ui コンポーネントを使用して、本番環境に対応した React/Next.js UI を構築します。フルライフサイクル - インストール、カスタマイズ、構成、デバッグ、最適化。コンポーネント、フォーム、テーブル、テーマ、アニメーション、フックをカバーします。 ソース: faqndo97/ai-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/faqndo97/ai-skills --skill shadcn-ui- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
shadcn-ui とは？
shadcn/ui コンポーネントを使用して、本番環境に対応した React/Next.js UI を構築します。フルライフサイクル - インストール、カスタマイズ、構成、デバッグ、最適化。コンポーネント、フォーム、テーブル、テーマ、アニメーション、フックをカバーします。 ソース: faqndo97/ai-skills。
shadcn-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/faqndo97/ai-skills --skill shadcn-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/faqndo97/ai-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-05