agent-test-writer

Generate Vitest frontend tests for components, hooks, and integration scenarios.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/aroido/vibesmith --skill agent-test-writer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agent-test-writer
Source: https://github.com/aroido/vibesmith/tree/main/.codex/skills/agent-test-writer
Command: npx skills add https://github.com/aroido/vibesmith --skill agent-test-writer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of comprehensive frontend tests for components, hooks, and integration scenarios, ensuring code quality and maintainability.

Core Features & Use Cases

  • Automated Test Generation: Creates tests based on acceptance criteria and edge cases.
  • Framework Integration: Supports Vitest, React Testing Library (RTL), and Mock Service Worker (MSW).
  • Use Case: Given a new feature's specification, this Skill can generate a full suite of unit and integration tests, including API mocks, reducing manual testing effort and improving coverage.

Quick Start

Generate tests for the 'UserProfile' component based on the provided acceptance criteria.

Frequently Asked Questions about agent-test-writer

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

FAQPage Schema
How do I generate Vitest and React Testing Library tests for frontend components?

To generate Vitest and React Testing Library tests, provide your component specifications and acceptance criteria. The system transforms these into executable test code, covering edge cases, API mocks, and accessibility standards automatically.

What is the best way to mock API requests in frontend integration tests using MSW?

Mocking API requests in frontend integration tests using MSW involves defining mock service workers to intercept network calls. The generated tests automatically configure MSW to handle mock API responses, ensuring isolated and reliable integration testing.

Can I automatically create test suites from acceptance criteria for React hooks?

Yes, you can automatically create test suites from acceptance criteria for React hooks. The system analyzes your specifications to generate executable test code for hooks, ensuring comprehensive coverage of edge cases and adherence to testing standards.

Does generated frontend test code follow the AAA pattern and accessibility standards?

Generated frontend test code strictly follows the AAA pattern and accessibility standards. It structures tests into Arrange, Act, and Assert sections while incorporating accessibility checks to ensure your components meet required quality benchmarks.

What limitations exist when automating test generation for complex integration scenarios?

When automating test generation for complex integration scenarios, limitations include dependency on clearly defined acceptance criteria. Without precise specifications, the system cannot accurately infer edge cases or configure the required MSW API mocks for reliable testing.