Feature-Sliced Design

Feature-Sliced Design (FSD) v2.1 is an official methodology for structuring frontend projects across six standardized layers: app, pages, widgets, features, entities, and shared. The approach follows a 'start simple, extract when needed' philosophy, allowing teams to begin with minimal layers and add complexity only when code is actively reused across multiple locations. FSD enforces strict import rules—modules may only import from layers below them—preventing circular dependencies and maintaining clear separation of concerns. The skill guides decisions on where code belongs, how to define public APIs, resolve cross-imports, manage static assets, integrate with frameworks like Next.js and Nuxt, and migrate from non-FSD codebases. It's designed for teams building scalable frontend applications who need practical structure without premature abstraction.

Install using the command provided below.