Skills
.Work. You
Rest

react-tdd

Community

Test-first TDD for reliable React features.

Software Engineering#typescript#vitest#frontend#react#vite#testing-library#test-first
Authorfiatkongen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill guides teams to adopt test-first development for React projects using Vite, TypeScript, Vitest, and React Testing Library, ensuring UI components are designed to pass tests before implementation.

Core Features & Use Cases

  • Test-first workflow for React components using Vitest and React Testing Library.
  • Guides red-green-refactor cycles with minimal production code and clear commit discipline.
  • Supports TypeScript projects built with Vite for scalable front-end development.

Quick Start

Create a failing test for a React component, implement the minimal code to pass, refactor if needed, and commit after all tests pass. Run tests with your package manager (for example, npm test or pnpm test) to verify.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-tdd
Download link: https://github.com/fiatkongen/saurun-marketplace/archive/main.zip#react-tdd

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.