What problem does it solve?
This Skill enables teams to deliver scalable, high-quality frontend UI implementations with a consistent pattern across screens, components, forms, and API integration in React + TypeScript projects.
Core Features & Use Cases
- Build type-safe React UI components with a modern toolchain (Vite, Tailwind, shadcn/ui) and a clear component architecture.
- Implement forms using JSON Schema validation (AJV) or dynamic forms (RJSF) aligned with backend contracts, including accessible validation and error handling.
- Integrate server data using TanStack Query, with caching, optimistic updates, and robust error handling.
- Ensure accessibility, responsive design, and comprehensive testing (Vitest + RTL) across features; supports Phase C implementation of experience modules.
Quick Start
Follow the Frontend Developer SKILL guidelines in SKILL.md and use the scaffolding scripts under agents/frontend-developer/scripts to generate components, pages, and API bindings.