feature-slicing

SKILL.md

Frontend architecture methodology with strict layer hierarchy and import rules for scalable, maintainable applications. FSD organizes code by business domain rather than technical role.

Modules can ONLY import from layers strictly below them. Never sideways or upward.

| Cross-slice (same layer) | features/auth → features/user | Extract to entities/ or shared/ | | Upward import | entities/user → features/auth | Move shared code down | | Shared importing up | shared/ → entities/ | Shared has NO internal deps |

機能スライス設計 (FSD) アーキテクチャをフロントエンド プロジェクトに適用します。トリガー: FSD、機能スライス、 フロントエンド アーキテクチャ、レイヤー構造、モジュール境界、スケーラブルなフロントエンド、スライス構成。 次の場合に使用します: 新しい機能/コンポーネント/ページの作成、React/Next.js/Vue/Remix プロジェクトの再構築、 フロントエンド コードの整理、プロジェクト構造のセットアップ、インポート違反の修正、レガシー コードベースの移行などです。 ソース: ccheney/robust-skills。

原文を見る