·feature-sliced-design
</>

feature-sliced-design

✓
feature-sliced/skillsGitHub: feature-sliced/skillsSource: feature-sliced/skills

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, defining public APIs and import boundaries, resolving cross-imports or evaluating the @x pattern, deciding whether logic should remain local or be extracted, migrating from FSD v2.0 or a non-FSD codebase, integrating FSD with frameworks, or implementing common patterns such as auth, API handling, Redux, and React Query within FSD.

feature-sliced·feature·sliced·design
15Installs·10Trend·@feature-sliced

Installation

GitHub: feature-sliced/skills
$npx skills add https://github.com/feature-sliced/skills --skill feature-sliced-design

How to Install feature-sliced-design

Quickly install feature-sliced-design AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/feature-sliced/skills --skill feature-sliced-design
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: feature-sliced/skills.

SKILL.md

View raw

Source: fsd.how | Strictness can be adjusted based on project scale and team context.

Place code in pages/ first. Duplication across pages is acceptable and does not automatically require extraction to a lower layer. Extract only when the team agrees it is necessary.

Not all layers are required. Most projects can start with only shared/, pages/, and app/. Add widgets/, features/, entities/ only when they provide clear value. Do not create empty layer folders "just in case."

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, defining public APIs and import boundaries, resolving cross-imports or evaluating the @x pattern, deciding whether logic should remain local or be extracted, migrating from FSD v2.0 or a non-FSD codebase, integrating FSD with frameworks, or implementing common patterns such as auth, API handling, Redux, and React Query within FSD. Source: feature-sliced/skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/feature-sliced/skills --skill feature-sliced-design
Source
feature-sliced/skills
Category
</>Dev Tools
Verified
✓
First Seen
2026-03-10
Updated
2026-03-11
URL
https://www.learn-skills.dev/en/skills/feature-sliced/skills/feature-sliced-design

Browse more skills from feature-sliced/skills

Quick answers

What is feature-sliced-design?

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, defining public APIs and import boundaries, resolving cross-imports or evaluating the @x pattern, deciding whether logic should remain local or be extracted, migrating from FSD v2.0 or a non-FSD codebase, integrating FSD with frameworks, or implementing common patterns such as auth, API handling, Redux, and React Query within FSD. Source: feature-sliced/skills.

How do I install feature-sliced-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/feature-sliced/skills --skill feature-sliced-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/feature-sliced/skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-10

Related Skills

None