What problem does it solve?
This Skill eliminates TypeScript guesswork in React development by providing compile-time guarantees, confident refactoring, and production-ready patterns that catch bugs before runtime.
Core Features & Use Cases
- Type-Safe Components: Build new components with proper TypeScript types, including generic and variant components.
- Event & Hook Typing: Accurately type event handlers, forms, refs, and all React hooks.
- React 19 Features: Implement Server Components, Server Actions,
use(), and useActionState with confidence.
- Type-Safe Routing: Integrate TanStack Router or React Router v7 with full type safety.
- Use Case: You need to build a reusable, type-safe data table component that can handle any data structure and supports sorting and custom rendering.
Quick Start
Use the react-dev skill to create a type-safe button component with primary and secondary variants.