Implements Feature-Sliced Design architecture for frontend projects.
npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing-ccheney
Please help me install this Agent Skill. Skill: feature-slicing Source: https://github.com/ccheney/robust-skills/tree/main/skills/feature-slicing Command: npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing-ccheney
This Skill addresses the challenge of maintaining large, complex frontend codebases by providing a structured approach to organization, improving maintainability, scalability, and developer collaboration.
Apply Feature-Sliced Design architecture to your frontend project by organizing your code into layers and slices.
High-intent search queries and answers about installing and using this skill.
Feature-Sliced Design structures frontend code for scalability by organizing your project into distinct layers—app, pages, widgets, features, entities, and shared—using strict import rules to manage complexity and maintainability.
Using Feature-Sliced Design is an effective way to organize Next.js code, grouping modules by business domain into slices and implementing a public API pattern to enforce clear boundaries and controlled access across your codebase.
Yes, you can apply feature slicing to Vue and Remix applications. Feature-Sliced Design is a frontend architecture methodology that establishes modular boundaries and prevents tangled dependencies across various frameworks including Vue and Remix.
Feature-Sliced Design prevents tangled dependencies by enforcing strict import rules across distinct architectural layers and utilizing a public API pattern to control access between code modules.
You should refactor into layers and slices when your frontend codebase faces maintainability challenges, using Feature-Sliced Design to establish a robust architecture that promotes modularity, clear ownership, and developer collaboration.
zuzu59Automate Convex project setup across React, Next.js, Vue, and Svelte.
MithrilManEnforce Feature-Sliced Design 2.1 import boundaries and public API rules.
imehrStructure React state management across server and client boundaries with modular patterns.
provectusEnforce Feature-Sliced Design architecture for React/TypeScript applications.
