Is it compatible with TypeScript projects?

Yes, the generator is designed to work with both JavaScript and TypeScript, maintaining type safety and proper file extensions.

Can it detect my existing test setup?

Yes, it automatically identifies existing frameworks like Jest, Vitest, and Mocha, along with specific configuration files and assertion styles.

Does it handle API and module mocking?

Absolutely. It generates appropriate mocks for APIs, imported modules, and time-sensitive functions to ensure isolated and reliable tests.

How does it ensure tests match my project's style?

It analyzes your project's existing code to mirror your specific assertion style (e.g., expect vs. assert) and file organization patterns.

Which frontend frameworks are supported?

The skill supports major frontend frameworks including React, Vue, and Angular, as well as general JavaScript and TypeScript modules.

Frontend Unit Test Generator

Name: Frontend Unit Test Generator
Author: hubvue

byhubvue

•

安全与测试

Automatically detects frontend testing frameworks and generates comprehensive unit tests for components, functions, and modules.

This Claude Code skill automates the creation and management of unit tests in frontend projects by intelligently identifying existing testing stacks like Jest, Vitest, or Mocha. It generates framework-consistent test code for React, Vue, and Angular components, handles complex mocking scenarios, and ensures architectural consistency across codebases. Whether setting up testing for a new project or backfilling tests for an existing application, this tool streamlines the QA process and improves code reliability through smart coverage analysis and edge-case detection.

主要功能

01Smart generation of component tests for React, Vue, and Angular

02Automatic detection of testing frameworks, assertion libraries, and configurations

031 GitHub stars

04Comprehensive mocking for APIs, modules, and time-based functions

05Seamless setup and configuration generation for new frontend projects

06Edge case identification for null handling and error scenarios

使用场景

01Adding unit tests to a legacy codebase while maintaining established patterns

02Bootstrapping testing infrastructure for new React, Vue, or Angular projects

03Generating standardized test cases for complex utility functions and modules

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hubvue/fe-analysis-skills unit-test-generator

For use in Claude.ai and ChatGPT

Download Skill