frontend-design-patterns
CommunityArchitect enterprise React patterns for scalable UI.
AuthorMineru98
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Enterprise frontend codebases often become brittle as they grow, making coordination across teams difficult. This Skill demonstrates how to apply Domain-Driven Design (DDD) and Feature-Sliced Design (FSD) to create scalable, modular React architectures with clear layers, slices, and segments.
Core Features & Use Cases
- Guidance on structuring apps with App, Pages, Widgets, Features, Entities, and Shared layers.
- Patterns for Index/Types/Styles components and one-to-one Service/Hook mappings with React Query and Axios.
- TypeScript conventions, Zustand state management, and robust public API exports.
- Practical references and example structures to bootstrap projects quickly.
Quick Start
Create a new feature with a full FSD structure and generate the corresponding api, model, and ui layers.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-design-patterns Download link: https://github.com/Mineru98/skills-store/archive/main.zip#frontend-design-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.