What testing frameworks does this skill support?

This skill is optimized for Vitest and @vue/test-utils, which are the standard testing tools for modern Vue.js and Vite-based applications.

Does the skill verify that the generated tests actually pass?

Yes, after writing the test file, the skill executes 'npx vitest run' to ensure the generated code is functional and the tests pass.

Does it handle component props and service mocking?

Yes, the skill automatically identifies component props and provides boilerplate for mocking external services in composables using Vitest's vi.mock utility.

Can I use this for non-Vue projects?

While the adapter testing is generic TypeScript, the composable and component logic is specifically tailored for the Vue.js ecosystem and Vue Test Utils.

Where are the generated test files stored?

Generated tests are placed in a __tests__ directory adjacent to the source file, following the [OriginalName].spec.ts naming convention.

Vue Test Generator

Name: Vue Test Generator
Author: HerbertJulio

byHerbertJulio

•

セキュリティとテスト

Generates comprehensive Vitest unit tests for Vue adapters, composables, and components to ensure code reliability.

The dev-create-test skill automates the creation of unit tests within Vue.js projects, specifically targeting Vitest and Vue Test Utils environments. It intelligently analyzes a target file to determine if it is a data adapter, a stateful composable, or a UI component, then generates the appropriate boilerplate and test logic in a standardized __tests__ directory. By handling mocking setup and common test patterns, it allows developers to maintain high coverage with minimal manual effort, culminating in an automated test run to verify results immediately.

主な機能

01Automated test execution and verbose reporting

02Pre-configured mocking for services and external dependencies

03Generates Vitest-ready spec files with standardized naming

0410 GitHub stars

05Automatic module type detection for adapters, composables, and components

06Integration with @vue/test-utils for component mounting and prop testing

ユースケース

01Ensuring data transformation adapters correctly map API responses to app contracts

02Creating smoke tests for Vue components to verify rendering and prop handling

03Rapidly adding unit tests to new Vue composables and business logic hooks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent dev-create-test

For use in Claude.ai and ChatGPT

主な機能

01Automated test execution and verbose reporting

02Pre-configured mocking for services and external dependencies

03Generates Vitest-ready spec files with standardized naming

0410 GitHub stars

05Automatic module type detection for adapters, composables, and components

06Integration with @vue/test-utils for component mounting and prop testing

ユースケース

01Ensuring data transformation adapters correctly map API responses to app contracts

02Creating smoke tests for Vue components to verify rendering and prop handling

03Rapidly adding unit tests to new Vue composables and business logic hooks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent dev-create-test

For use in Claude.ai and ChatGPT