vitest-test-setup-generator

Official

Auto-configure Vitest tests with Firebase mocks

Authordfrabik
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps front-end and test engineers quickly generate comprehensive Vitest test configurations, including Firebase mocking, browser API mocks, and component testing patterns, reducing boilerplate and setup time.

Core Features & Use Cases

  • Vitest configuration setup: Create a complete vitest.config.ts with React plugin, aliases, test environment, and coverage.
  • Firebase and browser mocks: Provide mock setups for Firebase services and browser APIs to support isolated tests.
  • Component testing scaffolding: Generate test utilities, setup files, and mock hooks for UI components in a Next.js + Firebase monorepo.
  • Use Case: When starting a new Firebase + Next.js app, run the generator to produce deterministic test scaffolding, then adapt to project structure.

Quick Start

Run the Vitest test setup generator to create and tailor your Vitest configurations for your app.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vitest-test-setup-generator
Download link: https://github.com/dfrabik/dev-portfolio/archive/main.zip#vitest-test-setup-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.