What problem does it solve?
This Skill codifies TypeScript coding conventions and best practices to ensure consistent, maintainable code.
Core Features & Use Cases
- General principles: Strict TypeScript with explicit return types, noUncheckedIndexedAccess; import sorting; formatting.
- Naming conventions: Files: kebab-case; Components: PascalCase; Variables: camelCase; Types: PascalCase; Constants: UPPER_CASE; Hooks: prefix with "use".
- Component structure: Functional components with "use client" directive; export order; helper functions and types placement.
- State management: Zustand stores, useState, useReducer, TanStack Query.
- Error handling: Always await promises; use cause when rethrowing; structured errors; user-friendly messages.
- tRPC: Router organization; procedures; middleware.
- Testing patterns: Unit tests w/ Jest, component tests w/ React Testing Library, E2E with Playwright.
Quick Start
Create a new module following the conventions: kebab-case filenames, PascalCase components, and run lint and type-check to verify. Use "use client" for client components.