What problem does it solve?
This Skill enables developers to adopt test-first development for React web applications, ensuring components and hooks are implemented only after their behavior is defined by tests to improve reliability and maintainability.
Core Features & Use Cases
- Test-First Development (TFD): Create tests first to define expected behavior, then implement minimal code to pass tests.
- Component & Hook Patterns: Best practices for building reusable UI components, custom hooks, and state management with React, React Query, and Zustand.
- Project Structure & Workflow: Clear guidelines for project layout, testing strategies, and incremental, deterministic development.
Quick Start
Use the react-web skill to set up a new React web component and follow the Test-First Development workflow: write a test file first, run tests to confirm failures, implement the component to pass tests, then add styling and hooks progressively.