Structure React Applications

概要

AI コーディングエージェント向けの React/TypeScript コードベースを構造化・段階的に進化させるエージェントスキルです。

• 所有者ベースの整理と狭い公開 API の定義
• ドメインロジックをフレームワーク依存から独立させ、アダプタ境界で外部データをマッピング
• 公開 API の最小化と API アダプタの分離
• 依存関係を一方向に保ち、見た目のフォルダ再構成を強制しない
• 縦方向のスライス単位で段階的リファクタリング

この設計思想は、AI が正しいコードを生成しても境界が崩れないよう、長期的な保守性を支えます。