skills.rest
zenbuapps
zenbuappsOFFICIAL
Explore all skills by this author →
GitHub

aibdd.auto.ts.it.red

Automate React IT red-phase testing by converting feature files into Vitest and MSW test skeletons.

1|Updated Mar 6, 2026
Search Tags:#vitest#testing#react#bdd#msw#red-phase#test-skeleton
One-click install
npx skills add https://github.com/zenbuapps/zenbu-powers --skill aibdd-auto-ts-it-red
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aibdd.auto.ts.it.red
Source: https://github.com/zenbuapps/zenbu-powers/tree/main/skills/aibdd.auto.ts.it.red
Command: npx skills add https://github.com/zenbuapps/zenbu-powers --skill aibdd-auto-ts-it-red

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured Red stage workflow for React IT tests, turning abstract test plans into concrete test scaffolds and TODO-driven implementations.

Core Features & Use Cases

  • Schema-driven test scaffolding: Converts feature files into describe/it templates with TODOs for red steps.
  • Incremental implementation: Replaces TODOs with actual test code once handler types are identified.
  • MSW-backed environment: Uses Vitest with MSW for isolated, browser-free testing.

Quick Start

Use /aibdd.auto.ts.it.schema-analysis to analyze the feature, then /aibdd.auto.ts.it.step-template to generate the test skeleton, and finally implement the red tests by addressing each TODO.

Frequently Asked Questions about aibdd.auto.ts.it.red

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

FAQPage Schema
How do I automate the Red phase for React integration tests?▼

Automate the React IT Red phase by converting feature files into describe/it test scaffolds with TODOs, then replacing those TODOs with actual test code to drive incremental implementation.

How does schema analysis generate Vitest test skeletons from feature files?▼

Schema analysis parses feature files to map scenarios into structured describe/it templates, generating a test skeleton with TODO placeholders for red steps that you implement incrementally.

Do I need MSW to run browser-free React testing with Vitest?▼

Yes, MSW is required as an environment prerequisite alongside Vitest to provide isolated, browser-free API mocking for your React integration tests.

What is the step-by-step workflow for React IT BDD test generation?▼

The workflow starts with schema analysis to parse the feature, followed by step-template generation to create the test skeleton, and concludes with red-implementation by addressing each TODO with actual test code.

Can I incrementally implement red test steps using TODOs in Vitest?▼

Yes, the generated test skeletons use TODO placeholders for red steps, allowing you to incrementally replace them with actual test code once you identify the specific handler types.

When should I use a schema-driven test scaffold for React integration tests?▼

Use a schema-driven test scaffold when you need to turn abstract BDD test plans from feature files into concrete, structured Vitest test cases with clear TODO-driven implementation paths.

Related Skills

Explore More Software Engineering Skills→
JNZader-VaultJNZader-Vault

vitest-testing

Automate React app testing with Vitest, Testing Library, and MSW for components, hooks, stores, and APIs.

Official
Intermediate
zenbuappszenbuapps

aibdd.auto.ts.it.green

Implement minimal React UI changes to pass failing tests in the Green Stage.

Official
Advanced
zenbuappszenbuapps

aibdd.auto.csharp.it.red

Execute red-light testing for a C# IT feature with PostgreSQL Testcontainers.

Official
Advanced
fercracix33fercracix33

test-agent-skill

Generate RED-phase test suites for PRD-driven features using Vitest, Playwright, and Zod.

Community
Intermediate