grey-haven-tdd-typescript

What problem does it solve?

This Skill eliminates the uncertainty and manual verification in TypeScript development by enforcing strict test-driven development practices, ensuring your code works perfectly every time.

Core Features & Use Cases

• Red-Green-Refactor Workflow: Implement features by writing failing tests first, then minimal code to pass, then refactoring for quality.

Core Features & Use Cases

• Comprehensive Testing: Complete Vitest patterns for React components, hooks, and utilities.
• Quality Assurance: 100+ item checklist covering test structure, coverage, and performance.
• Real-World Examples: Complete TDD cycles for API routes, React components, and utility functions.
• Use Case: When you're building a new user profile component, use this Skill to write failing tests first, then implement the component incrementally.

Quick Start

I'm implementing a new user registration feature. Help me write the first failing test for a createUser API route that validates email format and handles duplicate entries.

Quick Start

Write a failing test for a UserProfile component that should display a loading state while fetching data.