e2e-test-generation

Generate Playwright and Vitest test infrastructure for frontend projects.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/CodeTonight-SA/claude-optim --skill e2e-test-generation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-test-generation
Source: https://github.com/CodeTonight-SA/claude-optim/tree/main/skills/e2e-test-generation
Command: npx skills add https://github.com/CodeTonight-SA/claude-optim --skill e2e-test-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, vitest, @vitest/ui, msw, @testing-library/react, @testing-library/jest-dom, @testing-library/user-event, @vue/test-utils, @testing-library/vue, @testing-library/svelte, and includes templates (resource) components.

What problem does it solve?

Setting up comprehensive end-to-end testing infrastructure is complex and time-consuming, often leading to insufficient test coverage and flaky tests. This skill automates the entire setup, generating production-ready tests with high coverage.

Core Features & Use Cases

  • Full Test Infrastructure: Sets up Playwright (E2E), Vitest (unit/integration), Mock Service Worker (MSW) for API mocking, and GitHub Actions CI/CD.
  • Framework-Specific Generation: Adapts test generation for Next.js, React, Vue, Svelte, and Remix projects.
  • High Coverage & Best Practices: Generates tests for auth flows, feature workflows, edge cases, and mobile responsiveness, aiming for 80%+ coverage and following REDR-prototype best practices.
  • Use Case: You're starting a new frontend project or need to add robust testing to an existing one, and you want a complete, production-ready setup quickly.

Quick Start

"Generate a complete E2E and unit testing infrastructure for my Next.js project." "Add Playwright and Vitest tests to my React application."