Generates architectural blueprints and test-driven implementation plans for complex React frontend features.
The React Writing Plans skill streamlines the transition from requirements to code by creating structured, token-efficient implementation plans for React applications. It ensures every component, store, and API integration adheres to established architectural contracts while preparing the environment for Test-Driven Development (TDD). By focusing on testable behaviors rather than implementation details, it provides a clear, executable roadmap for autonomous agents or developers to build scalable React applications using modern tools like React 19, Tailwind CSS v4, and Zustand.
Key Features
01Generates contract-linked implementation plans from PRDs or specifications
02Optimizes plan verbosity to minimize token usage while maintaining logic clarity
03Ensures Tailwind CSS v4 compliance and modern React 19 best practices
04Automates test infrastructure setup including MSW and Vitest configurations
05Enforces Test-Driven Development (TDD) patterns for autonomous execution
060 GitHub stars
Use Cases
01Establishing a standardized architectural pattern for new frontend modules
02Scaffolding a multi-component feature with shared state and API integrations
03Handing off high-level requirements to a sub-agent for autonomous implementation
