Feature-Sliced Design

feature-sliced/skills

Organize frontend code with Feature-Sliced Design v2.1, from placement and import boundaries to framework integration.

Latest update at:

View on GitHub
npx skills add feature-sliced/skills
114Stars9ForksRepository last pushed

About this Skill

Apply the FSD v2.1 methodology to a frontend project. The Skill offers a placement decision tree, layer and slice boundaries, cross-import strategies and references for migrations, assets, framework integration, authentication and state management.

Why we picked it

A pages-first decision framework with task-specific references from the FSD repository.

What it helps with

  • Decide whether reusable frontend code belongs in a page, feature, entity or shared layer.
  • Review import boundaries or plan an incremental migration to FSD.

Before you use it

  • A frontend project and an agent able to read the installed Skill and its references. Steiger is optional for linting the resulting structure.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.