test-generator

Generate and run Vitest and Playwright tests for Vue 3 projects.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/QING-YU123/vue-naiveui-ts-template --skill test-generator-qing-yu123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: test-generator
Source: https://github.com/QING-YU123/vue-naiveui-ts-template/tree/main/.claude/skills/test-generator
Command: npx skills add https://github.com/QING-YU123/vue-naiveui-ts-template --skill test-generator-qing-yu123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill speeds up development by automatically generating and running Vitest unit tests and Playwright E2E tests for Vue 3 + Naive UI + TypeScript projects, reducing manual testing effort.

Core Features & Use Cases

  • Auto-generate Vitest unit tests for components, stores, and composables.
  • Auto-generate Playwright end-to-end tests and execute the full test suite.
  • Produce structured test reports that summarize results and coverage.
  • Use case: a Vue project with dozens of components can have a complete test baseline generated in minutes.

Quick Start

Provide your Vue 3 + Naive UI + TypeScript project context; the skill will generate Vitest and Playwright tests, run them, and produce a report.

Frequently Asked Questions about test-generator

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

FAQPage Schema
How do I auto-generate Vitest unit tests for Vue 3 components?

To auto-generate Vitest unit tests for Vue 3, provide your project context to the tool, which targets components, stores, and composables to produce actionable test files. This requires an existing Vitest configuration with dependencies installed.

Can I automatically generate Playwright E2E tests for a Vue and TypeScript project?

Yes, you can generate Playwright E2E tests for a Vue 3 and TypeScript project by providing your codebase context. The tool creates test files, executes the full test suite, and requires a ready Playwright configuration with dependencies installed.

What do I need to set up before generating front-end tests for a Naive UI project?

Before generating front-end tests for a Naive UI project, you need an existing Vitest and Playwright configuration with dependencies installed. You also need a ready test target in your Vue 3 and TypeScript project to produce actionable artifacts.

How do I compile structured test reports after running Vitest and Playwright tests?

You compile structured test reports by running the generated Vitest and Playwright test suites. The tool executes the tests and automatically produces reports that summarize results and coverage for your Vue 3 components and utilities.

What is the best way to establish a complete test baseline for dozens of Vue components?

The best way to establish a complete test baseline for dozens of Vue components is automating test generation for Vitest and Playwright. This approach targets all composables and utilities, generating and executing tests in minutes to produce coverage reports.

Does this automated test generation work without an existing Vitest configuration?

No, this automated test generation does not work without an existing Vitest configuration. It requires Vitest and Playwright configurations with dependencies already installed and a ready test target to produce actionable test artifacts.