skills.rest
devCharuzu
devCharuzuCOMMUNITY
Explore all skills by this author →
GitHub

senior-qa

Generate Jest, Playwright, and MSW test scaffolds for React/Next.js projects.

Updated Apr 16, 2026
Search Tags:#scaffolding#jest#playwright#test-generation#msw#rtl#qa-automation
One-click install
npx skills add https://github.com/devCharuzu/philfida-taskmanage --skill senior-qa-devcharuzu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-qa
Source: https://github.com/devCharuzu/philfida-taskmanage/tree/main/.windsurf/skills/senior-qa
Command: npx skills add https://github.com/devCharuzu/philfida-taskmanage --skill senior-qa-devcharuzu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates creating comprehensive test scaffolds for React and Next.js projects, enabling teams to bootstrap unit, integration, and end-to-end tests with consistent structure.

Core Features & Use Cases

  • Generates Jest + RTL test stubs for components, with optional accessibility checks and organized test layout.
  • Scaffolds Playwright E2E tests and optional Page Object Models, config, and MSW mocks for API calls.
  • Produces fixtures, and CI-ready workflows, while providing coverage analysis guidance to surface gaps.

Quick Start

Run the senior-qa skill to scan your React/Next.js project and generate unit, integration, and E2E test scaffolds with Playwright configuration.

Frequently Asked Questions about senior-qa

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

FAQPage Schema
How do I generate test scaffolds for React and Next.js components?▼

You can generate test scaffolds for React and Next.js components by running the senior-qa skill, which automates creating Jest and RTL test stubs with organized layouts and optional accessibility checks.

How do I scaffold Playwright E2E tests with MSW mocks for API calls?▼

To scaffold Playwright E2E tests with MSW mocks, run the skill to generate Page Object Models, configuration files, and API mocking setup for your React or Next.js application.

Can I use this to analyze Jest and Istanbul coverage reports to find test gaps?▼

Yes, you can analyze Jest and Istanbul coverage reports to surface test gaps, as the skill provides coverage analysis guidance to identify missing tests in your React project.

Does this work with existing React projects or only new ones?▼

The skill works with existing React and Next.js projects by scanning your codebase to generate unit, integration, and E2E test scaffolds that fit your current component structure.

What's the best way to bootstrap CI-ready test workflows with fixtures?▼

The best way to bootstrap CI-ready test workflows is to use the skill to produce fixtures and CI-ready configurations alongside your generated Jest and Playwright test suites.

Related Skills

Explore More Software Engineering Skills→
robertgussrobertguss
7

convex-quickstart

...

Community
Advanced
mdnaimul22mdnaimul22
2

senior-qa

Generate Jest test stubs, analyze Istanbul/LCOV coverage, and scaffold Playwright E2E tests from Next.js routes.

Community
Advanced
mindcockpit-aimindcockpit-ai
11

react-testing

Integrate Vitest, React Testing Library, MSW v2, and Playwright for React UI testing.

Official
Advanced
tapanshahtapanshah

senior-qa

Generates Jest unit tests, analyzes coverage, and scaffolds Playwright E2E tests for React and Next.js.

Community
Advanced