What testing framework does this skill use?

This skill is specifically optimized for Vitest, providing best practices and configuration patterns tailored for the Vitest ecosystem.

What is the benefit of the red-green-refactor cycle?

It ensures that tests are actually valid (red), features meet requirements (green), and code remains maintainable and efficient (refactor).

How does this improve code quality?

By enforcing a test-first approach, it ensures that code is only written to satisfy specific requirements, leading to cleaner architecture and fewer regressions.

Does it support React component testing?

Yes, it includes specialized patterns for testing React components, including hooks, event handling, and rendering states.

Can I use this for existing TypeScript projects?

Absolutely. While it excels at new feature development, it is equally effective for adding regression tests or refactoring existing codebases.

TDD TypeScript & Vitest Expert

Name: TDD TypeScript & Vitest Expert
Author: greyhaven-ai

bygreyhaven-ai

•

セキュリティとテスト

Implements robust TypeScript and React features using a strict red-green-refactor methodology powered by Vitest.

This skill empowers Claude to act as a senior software engineer specializing in Test-Driven Development (TDD) for modern web stacks. It focuses on the strict red-green-refactor methodology, ensuring that every TypeScript feature or React component is built against failing tests first to guarantee reliability and high code coverage. By leveraging Vitest, the skill provides standardized patterns for unit testing, integration testing, and utility validation, making it indispensable for teams prioritizing code quality and maintainable architecture.

主な機能

01Advanced Vitest testing framework implementation

02Reusable TDD templates for utility functions and hooks

0315 GitHub stars

04Comprehensive coverage-driven development

05Specialized React component testing patterns

06Strict red-green-refactor workflow enforcement

ユースケース

01Building complex React UI components with verified behavioral patterns

02Refactoring legacy JavaScript into type-safe, fully-tested TypeScript modules

03Developing bug-free TypeScript utility libraries with test-first logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add greyhaven-ai/claude-code-config tdd-typescript

For use in Claude.ai and ChatGPT

Download Skill