using-shadcn-ui
✓React UI コンポーネントを構築する場合、デザイン システムを実装する場合、または事前に構築されたアクセス可能なコンポーネントが必要な場合に使用します。 shadcn/ui プリミティブと shadcnblocks.com (829 のプロダクション対応ブロック) を活用して、迅速なインターフェイス開発を実現します。
SKILL.md
shadcn/ui is a collection of re-usable, accessible React components built on Radix UI and Tailwind CSS. Unlike traditional component libraries, shadcn/ui copies components directly into your project, giving you full ownership and customization control.
Core principle: Components live in your codebase. You own the code. No package.json dependency.
| Category | Common Use Cases | Example Components |
React UI コンポーネントを構築する場合、デザイン システムを実装する場合、または事前に構築されたアクセス可能なコンポーネントが必要な場合に使用します。 shadcn/ui プリミティブと shadcnblocks.com (829 のプロダクション対応ブロック) を活用して、迅速なインターフェイス開発を実現します。 ソース: nilecui/skillsbase。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/nilecui/skillsbase --skill using-shadcn-ui- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
using-shadcn-ui とは？
React UI コンポーネントを構築する場合、デザイン システムを実装する場合、または事前に構築されたアクセス可能なコンポーネントが必要な場合に使用します。 shadcn/ui プリミティブと shadcnblocks.com (829 のプロダクション対応ブロック) を活用して、迅速なインターフェイス開発を実現します。 ソース: nilecui/skillsbase。
using-shadcn-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nilecui/skillsbase --skill using-shadcn-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/nilecui/skillsbase
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01