components-build
✓Components.build 仕様に従って、最新の構成可能でアクセス可能な React UI コンポーネントを構築します。コンポーネント ライブラリ、デザイン システム、または再利用可能な UI コンポーネントを作成、レビュー、またはリファクタリングするときに使用します。コンポーネント API、構成パターン、アクセシビリティ、スタイリング システム、または TypeScript 小道具に関連するタスクをトリガーします。
SKILL.md
Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.
| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |
| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
components-build とは？
Components.build 仕様に従って、最新の構成可能でアクセス可能な React UI コンポーネントを構築します。コンポーネント ライブラリ、デザイン システム、または再利用可能な UI コンポーネントを作成、レビュー、またはリファクタリングするときに使用します。コンポーネント API、構成パターン、アクセシビリティ、スタイリング システム、または TypeScript 小道具に関連するタスクをトリガーします。 ソース: nolly-studio/components-build-skill。
components-build のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/nolly-studio/components-build-skill
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01