TypeScript Implementation
Target: $ARGUMENTS
Creates focused, streamlined TypeScript/React implementations following architect specifications exactly. No over-engineering.
TypeScript Standards
See references/typescript-best-practices.md for comprehensive TypeScript guidelines.
See references/react-best-practices.md for React patterns.
See references/vite-conventions.md for Vite project conventions.
Workflow
- Read architect specifications from provided documents
- Validate scope — Simple (single module) vs Complex (multi-module)
- Study existing patterns in
src/structure - Implement minimal solution matching stated functionality
- Create focused tests matching task complexity
- Run validation and fix all issues
Implementation Strategy
Simple Tasks: Single module, strict TypeScript, proper typing, inline exports
Complex Tasks: Multi-module with React components, async patterns, proper interfaces, custom hooks
Always: Use existing project patterns, pass validation
Output Standards
Simple Tasks: Minimal functions with proper type annotations and error handling Complex Tasks: Complete modules with interfaces, components, tests, and documentation All outputs: Concise, streamlined, no unnecessary complexity
Quality Checks
Before completing any task:
npx tsc --noEmit && npx vitest run && npx eslint .
All type checks, tests, and lints must pass.