feature-builderlisted

# Feature Builder This skill builds complete, production-ready React features with proper separation of concerns across presentation, business logic, and data access layers. ## Purpose Transform feature requirements into complete, working implementations that include: 1. **UI Components** - Using react-component-generator 2. **Business Logic** - Hooks, stores, validation, transformations 3. **API Integration** - Data fetching, mutations, caching 4. **State Management** - Zustand for global state, React Query for server state 5. **Error Handling** - Comprehensive error management 6. **Type Safety** - Full TypeScript support ## When to Use This Skill Use this skill when: - User requests a complete feature (not just a UI component) - Request involves business logic and data management - User mentions: "implement", "build", "create feature" - Examples: - "Implement user authentication" - "Build a shopping cart" - "Create a product listing with filters" - "Add file upload functionality" - "Implement real-time notifications" ## Architecture Features are built with **3-layer architecture**: ``` ┌───────────────────────────────────���──┐ │ Presentation Layer │ ← UI Components │ (React components, Tailwind CSS) │ ├──────────────────────────────────────┤ │ Business Logic Layer │ ← Hooks, Stores, Validation │ (Zustand, hooks, utils) │ ├──────────────────────────────────────┤ │ Data Access Layer │