What problem does it solve?
This Skill streamlines the development process by generating detailed, specification-based implementation plans for new React/TypeScript features, ensuring architectural soundness and adherence to best practices before coding begins.
Core Features & Use Cases
- Detailed Implementation Planning: Creates comprehensive plans covering architecture, dependencies, steps, testing, and risks.
- Architecture Validation: Enforces feature-based folder conventions and React/TypeScript principles.
- Use Case: Before building a new offline expense capture UI, use
/plan to generate a roadmap that details component structure, hook dependencies, state management strategy, and potential PWA sync risks.
Quick Start
Use the plan skill to create a detailed implementation plan for adding offline expense capture UI.