fsd-docs

Load relevant Feature-Sliced Design v2.1 documentation sections from references/.

1|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/dev-goraebap/grimoire --skill fsd-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fsd-docs
Source: https://github.com/dev-goraebap/grimoire/tree/main/misc/skills/fsd-docs
Command: npx skills add https://github.com/dev-goraebap/grimoire --skill fsd-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Feature-Sliced Design (FSD) official docs are large and scattered; this skill provides focused, on-demand access to v2.1 content through a routing of references/.

Core Features & Use Cases

  • Central index of FSD sections (00-overview, 01-core-reference, 02-tutorial, 04-migration, 05-framework-integrations, 06-practical-guides, 07-philosophy) for quick lookup.
  • Triggers/context-aware routing to load only relevant references/ files in response to user questions.
  • Supports navigation across frameworks and migration topics to help onboarding and decision-making.

Quick Start

Load the most relevant references/ section from the knowledge base to answer the user's FSD questions.

Frequently Asked Questions about fsd-docs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is Feature-Sliced Design and how does it structure frontend architecture?

Feature-Sliced Design (FSD) is an architectural methodology for frontend projects that structures code into layers and slices. It provides a strict public API for each slice to manage dependencies and isolate business logic effectively.

How do I migrate an existing project to Feature-Sliced Design step by step?

To migrate to Feature-Sliced Design, you load the 04-migration reference to follow structured steps. It guides you through restructuring existing folders into FSD layers while resolving cross-imports and maintaining application stability.

Does Feature-Sliced Design work with specific frontend frameworks?

Feature-Sliced Design works across multiple frontend frameworks by providing framework-agnostic architectural rules. The 05-framework-integrations reference details how to apply FSD patterns within specific platform environments and toolchains.

How do I resolve cross-imports in Feature-Sliced Design?

You resolve cross-imports in Feature-Sliced Design by enforcing the public API rule defined in the core reference. Each slice must expose functionality only through its public interface, preventing lower layers from importing higher-level modules.

Where can I find practical guides and the core philosophy of FSD?

You find practical guides and the core philosophy of FSD by accessing the 06-practical-guides and 07-philosophy references. These sections provide context-aware routing to explain the methodology's reasoning and real-world application patterns.