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。

查看原文