Feature-Sliced Design

feature-sliced/skills

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

内容更新日:

GitHub で見る
npx skills add feature-sliced/skills
118スター8フォークリポジトリの最終プッシュ

このスキルについて

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.

おすすめする理由

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

役立つこと

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

使う前に

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

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。