frontend-feature
OfficialBuild frontend features with Clean Architecture.
Software Engineering#typescript#state management#frontend#react#clean architecture#component development
AuthorContainerFriends
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive guide and structure for creating new frontend features within the Project Planner monorepo, ensuring consistency and adherence to Clean Architecture principles.
Core Features & Use Cases
- Structured Layering: Enforces a strict 4-layer Clean Architecture (Domain, Application, Infrastructure, UI) for maintainable code.
- Component Generation: Guides through creating models, DTOs, repository interfaces, use cases, API implementations, state providers, hooks, Zod schemas, and React components.
- Use Case: When adding a new feature like "user profile management" to the frontend, this Skill ensures all necessary files and structures are created according to the established patterns, from data models to UI components.
Quick Start
Follow the step-by-step guide in the SKILL.md file to create a new frontend feature.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-feature Download link: https://github.com/ContainerFriends/gitpaas/archive/main.zip#frontend-feature 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.