Feature Slicing

This is a comprehensive FSD (Feature-Sliced Design) implementation guide that enforces strict layer hierarchy and import rules for frontend projects. You'd use this when setting up React, Next.js, or Vue architectures that need to scale beyond the typical "components and utils" folders. The core rule is simple: layers can only import downward (app → pages → widgets → features → entities → shared), never sideways or up. It includes practical decision trees for choosing between features and entities, public API patterns via index.ts files, and specific fixes for common violations like cross-slice imports. The anti-patterns section is especially useful since it catches the mistakes most teams make when trying to organize large codebases.

Install to Claude Code

npx -y skills add ccheney/robust-skills --skill feature-slicing --agent claude-code