Which testing frameworks are supported?

It supports Jest, Vitest, Mocha, and Jasmine, along with popular utility libraries like Testing Library, Sinon, and Cypress.

Does it work with TypeScript projects?

Absolutely. The skill can generate both JavaScript and TypeScript test files that are compatible with your project's specific type definitions.

Can it detect my project's existing setup?

Yes, it automatically scans for configuration files like jest.config.js or vitest.config.ts and identifies your assertion styles to maintain consistency.

Can it handle complex component mocking?

Yes, it generates sophisticated mocks for API calls, module dependencies, and timers to ensure your unit tests remain isolated and reliable.

Is it compatible with both Vue and Angular?

Yes, it provides specialized templates and patterns for Vue (using Vue Test Utils) and Angular frameworks to ensure idiomatic test code.

Frontend Unit Test Generator

Name: Frontend Unit Test Generator
Author: hubvue

byhubvue

•

보안 및 테스팅

Automates the creation of comprehensive unit tests for frontend projects by detecting existing frameworks and generating consistent test code.

The Frontend Unit Test Generator is a specialized Claude Code skill designed to streamline testing workflows in modern web development. It intelligently analyzes your project's architecture to identify testing frameworks like Jest or Vitest and generates production-ready test cases for components, modules, and utility functions. Whether you are backfilling tests for a legacy codebase or establishing a new project, this skill ensures architectural consistency, handles complex mocking scenarios, and provides coverage for edge cases across React, Vue, and Angular ecosystems.

주요 기능

01Automated testing infrastructure and configuration setup for new projects

02Automatic framework detection for Jest, Vitest, Mocha, and Jasmine

03Framework-aware test generation for React, Vue, and Angular components

041 GitHub stars

05Smart mocking capabilities for APIs, modules, and timers

06Comprehensive coverage for edge cases, null handling, and error scenarios

사용 사례

01Setting up standardized testing configurations and dependencies for new projects

02Backfilling test suites for existing legacy frontend codebases to improve reliability

03Generating unit tests for complex React or Vue components using Testing Library

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