react-gradual-architecture
✓インクリメンタル React コード編成のガイドライン。小規模から始めて、スキャンや責任があいまいになり始めたときに抽出します。機能の作成、ファイルの整理、コンポーネントのリファクタリング、またはフック、UI、またはユーティリティをいつ抽出するかを決定するときに使用します。
SKILL.md
Lightweight guidance for organizing React code without over-structuring. The core idea: start small, minimum necessary (one file), extract only when it improves clarity or reuse. Contains 12 rules across 5 categories, prioritized by when to apply them in the development lifecycle.
| Priority | Category | When to Apply | Prefix |
| 1 | Foundation | Before starting any feature | framework- | | 2 | Starting | When beginning a new feature | start- | | 3 | Organization & Structure | When organizing files and folders | organize- | | 4 | Extraction | When refactoring or extracting code | extract- | | 5 | Data & State | When managing types and state | data-, state- |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/vandriesh/react-gradual-architecture --skill react-gradual-architecture- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-gradual-architecture とは？
インクリメンタル React コード編成のガイドライン。小規模から始めて、スキャンや責任があいまいになり始めたときに抽出します。機能の作成、ファイルの整理、コンポーネントのリファクタリング、またはフック、UI、またはユーティリティをいつ抽出するかを決定するときに使用します。 ソース: vandriesh/react-gradual-architecture。
react-gradual-architecture のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vandriesh/react-gradual-architecture --skill react-gradual-architecture インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/vandriesh/react-gradual-architecture
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01