Feature-Sliced Design

feature-sliced/skills

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

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add feature-sliced/skills
118Sterne8ForksLetzter Repository-Push

Über diesen 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.

Warum wir es empfehlen

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

Wobei es hilft

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

Vor der Nutzung

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

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.