fsd-architecture

What problem does it solve?

This Skill eliminates the complexity and inconsistency often found in large frontend codebases by providing a clear, structured approach based on Feature-Sliced Design (FSD). It helps you maintain a scalable and understandable architecture, reducing development time and onboarding friction.

Core Features & Use Cases

• Strict Layer Hierarchy: Enforces FSD's "only import downward" rule, preventing architectural tangles.
• Public API Pattern: Guides you to expose only necessary parts of a slice, improving encapsulation and maintainability.
• New Feature/Entity Creation: Provides a step-by-step guide for correctly scaffolding new features and entities within the FSD structure.
• Use Case: When building a new feature like "User Profile," use this skill to ensure it adheres to the strict FSD layer hierarchy and public API patterns, preventing common architectural errors and ensuring consistency across the application.

Quick Start

Explain the core principles of Feature-Sliced Design (FSD) architecture and how it helps organize a large frontend application into manageable, independent slices.