shadcn
✓shadcn/ui コンポーネントを効果的に操作する方法。UI コンポーネントを追加するときに常に使用します。
SKILL.md
This project uses shadcn/ui with the New York style variant. Components are built on Radix UI primitives with Tailwind CSS styling.
Do NOT manually create shadcn components - always use the CLI to ensure correct styling and dependencies.
import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card';
shadcn/ui コンポーネントを効果的に操作する方法。UI コンポーネントを追加するときに常に使用します。 ソース: markhamsquareventures/essentials。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
shadcn とは？
shadcn/ui コンポーネントを効果的に操作する方法。UI コンポーネントを追加するときに常に使用します。 ソース: markhamsquareventures/essentials。
shadcn のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/markhamsquareventures/essentials
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01