Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install feature-sliced/skills feature-sliced-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/feature-sliced-design .claude/skills/feature-sliced-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .claude/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/feature-sliced/skills/tree/master/feature-sliced-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install feature-sliced/skills feature-sliced-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/feature-sliced-design .agents/skills/feature-sliced-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .agents/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install feature-sliced/skills feature-sliced-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/feature-sliced-design .cursor/skills/feature-sliced-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .cursor/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/feature-sliced/skills.git --path feature-sliced-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install feature-sliced/skills feature-sliced-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/feature-sliced-design .gemini/skills/feature-sliced-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .gemini/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install feature-sliced/skills feature-sliced-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/feature-sliced-design .github/skills/feature-sliced-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .github/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feature-sliced/skills --skill feature-sliced-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install feature-sliced/skills feature-sliced-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feature-sliced/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/feature-sliced-design .opencode/skills/feature-sliced-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "feature-sliced-design" agent skill from https://github.com/feature-sliced/skills/tree/master/feature-sliced-design into .opencode/skills/feature-sliced-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "feature-sliced-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
feature-sliced-designOfficial Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.
Feature Sliced Design is an agent skill from 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, placing static assets (images, icons, fonts, PDFs), grouping closely related slices, defining public APIs and import boundaries, resolving cross-imports or evaluating the @x pattern, deciding whether to create or remove an entity, evaluating whether the entities layer is needed at all, deciding where page layouts…
Its SKILL.md is about 5.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files (for example `evals/README.md`, `evals/evals.json` and `references/asset-handling.md`).
It sits in Frontend & Design, covering State management and Static sites and blogs. It works with TanStack, Vite, Astro and Next.js. The repository describes itself as: AI agent skills for applying Feature-Sliced Design (FSD) v2.1 in frontend projects.
10 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 538e100. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npmnpxFrom the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
fsd.howgithub.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Feature Sliced Design loads about 5.5k tokens when it runs, and up to ~35k if it reads all its reference files. Until then it costs about 232 tokens; SKILL.md has 2,557 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
Without a licence we can't republish the file, so here is its outline and opening line. It has 2,557 words (~5,540 tokens).
“How to use this skill. For placement decisions, start with the decision tree in Section 2 and use the placement table in Section 3 as a quick reference. To check a structure for violations, use the rules in Section 4…”
SKILL.md and 11 other files (references) in feature-sliced-design of feature-sliced/skills.
Open the folder on GitHubat commit 538e100
Feature Sliced Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Feature Sliced Design this skillfeature-sliced/skills | 109 | — | ~5.5k | Automated safety check: Pass | None | |
| Edgeone Makers FrameworksTencentEdgeOne/edgeone-makers-tools | 1.9k | — | ~2.5k | Automated safety check: Pass | MIT | |
| Lunora Quickstartanolilab/lunora | 284 | — | ~2.5k | Automated safety check: Pass | Custom licence | |
| Clerkgeekskai/blog | 103 | 3 repos | ~1.5k | Automated safety check: Pass | MIT | |
| Cometchat React V7 Patternscometchat/cometchat-skills | 132 | — | ~1.2k | Automated safety check: Notes | MIT | |
| Sanity Best Practicesrobotostudio/turbo-start-sanity | 183 | — | ~940 | Automated safety check: Pass | MIT |
TencentEdgeOne/edgeone-makers-tools
Web framework support matrix for EdgeOne Makers — which platform adapter each full-stack framework needs, where it plugs in, the build output directory, the preview asset-prefix option, the 404…
anolilab/lunora
Creates a new Lunora project or adds Lunora to an existing app, then gets the first schema + query/mutation round-trip running.
geekskai/blog
Clerk authentication router. An agent skill from geekskai/blog.
cometchat/cometchat-skills
Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl.
robotostudio/turbo-start-sanity
Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and…
B0und/WikiSpeedrun
Set up Lingui in a React framework. An agent skill from B0und/WikiSpeedrun.
Categories
Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Feature Sliced Design is an agent skill from feature-sliced/skills.1 skill for applying the methodology to frontend projects.
Feature Sliced Design fits situations like: the task involves organizing project structure with FSD layers; deciding where code belongs; placing static assets (images; grouping closely related slices.
Run `npx skills add feature-sliced/skills --skill feature-sliced-design -a claude-code`. Or copy the skill folder (feature-sliced-design in feature-sliced/skills) into .claude/skills/feature-sliced-design in your project. Claude Code loads it when a task matches its description.
Run `npx skills add feature-sliced/skills --skill feature-sliced-design -a codex`. Or copy the skill folder (feature-sliced-design in feature-sliced/skills) into .agents/skills/feature-sliced-design in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add feature-sliced/skills --skill feature-sliced-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/feature-sliced-design, .gemini/skills/feature-sliced-design, .github/skills/feature-sliced-design and .opencode/skills/feature-sliced-design in your project.
Going by SKILL.md and its folder, Feature Sliced Design needs the command-line tools its instructions call (npm and npx).
SKILL.md names 2 domains. As links in the text: fsd.how and github.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
No licence was found for Feature Sliced Design or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
About 5.5k tokens (SKILL.md is roughly 22k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 29k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Feature Sliced Design: Edgeone Makers Frameworks (TencentEdgeOne/edgeone-makers-tools, 1.9k stars), Lunora Quickstart (anolilab/lunora, 284 stars), Clerk (geekskai/blog, 103 stars) and Cometchat React V7 Patterns (cometchat/cometchat-skills, 132 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
feature-sliced (a GitHub organization) maintains it in feature-sliced/skills, which has 109 GitHub stars. The repository was last updated on October 7, 2026.
Source: feature-sliced/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.
