skills.rest
redpanda-data
redpanda-dataOFFICIAL
Explore all skills by this author →
Website𝕏@redpandadataGitHub

tdd

Enforces a red-green-refactor cycle for writing and implementing tests with Vitest.

34|4|Updated Apr 20, 2026
Search Tags:#code quality#development workflow#test-driven development#Vitest#software testing
One-click install
npx skills add https://github.com/redpanda-data/ui-harness --skill tdd-redpanda-data
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tdd
Source: https://github.com/redpanda-data/ui-harness/tree/main/tdd
Command: npx skills add https://github.com/redpanda-data/ui-harness --skill tdd-redpanda-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires vitest, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a structured framework for test-driven development, ensuring high-quality, reliable code by enforcing a disciplined approach to testing and refactoring.

Core Features & Use Cases

  • Red-Green-Refactor Loop: Guides the development process with a clear cycle of writing a failing test, implementing the feature, and refactoring the code.
  • Coverage Gap Analysis: Identifies untested code segments, prompting developers to fill these gaps.
  • Reactive TDD with Monitor: Offers real-time feedback as tests pass or fail, promoting continuous improvement.
  • Visual Regression Tests: Ensures the UI remains consistent across changes.
  • Use Case: When developing a new feature in a web application, use this Skill to create tests upfront, ensuring the feature functions correctly before writing the actual code.

Quick Start

Use the tdd skill to begin testing your new feature. Start by writing a test for the desired behavior and then implement the feature to make the test pass.

Frequently Asked Questions about tdd

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement test-driven development with Vitest?▼

Test-driven development with Vitest is streamlined by enforcing a structured Red-Green-Refactor cycle, guiding developers to write failing tests, implement features, and refactor code for reliable software.

How do I identify untested code segments during software testing?▼

You identify untested code segments using coverage gap analysis, which analyzes your codebase to pinpoint untested areas and prompts developers to write additional tests, filling these specific coverage gaps.

What is the best way to get real-time feedback on failing tests?▼

The best way to get real-time feedback on failing tests is reactive test-driven development with a monitor, offering instant pass or fail notifications that promote continuous code improvement during development.

Do I need Vitest to use this test-driven development workflow?▼

Yes, you need Vitest as a required dependency to use this test-driven development workflow, because the skill relies on Vitest and associated tools for executing tests and monitoring code changes.

Can I use test-driven development for visual regression tests?▼

Yes, you can use test-driven development for visual regression tests to ensure your UI remains consistent across changes, verifying that interface modifications do not introduce unintended visual defects.

Related Skills

Explore More Software Engineering Skills→
vietlinhh02vietlinhh02

Vitest

Run Vitest unit, integration, and React component tests with mocking and coverage analysis.

Community
Intermediate
DaniloUnicamDaniloUnicam

test-coverage-improver

Analyzes software test coverage and suggests targeted tests for improvement.

Community
Intermediate
PrasadTelasulaPrasadTelasula

component-testing

Test React components with React Testing Library and Playwright for frontend correctness.

Community
Intermediate
thejordanleopoldthejordanleopold
4

tdd

Enforce RED-GREEN-REFACTOR cycles for unit, integration, and mutation testing.

Community
Advanced