Community코딩 & 개발github.com

pproenca/vitest

Vitest 테스트 프레임워크 패턴: 테스트 설정, 비동기 테스팅, vi.* 모킹, 스냅샷, 테스트 성능 최적화를 다룹니다. Vitest 테스트 작성 및 디버깅 시 사용하세요.

vitest란 무엇인가요?

이 스킬은 Vitest 테스트 프레임워크를 사용하는 개발자를 위한 포괄적인 가이드입니다. 테스트 설정, 비동기 테스팅, vi.* 객체를 활용한 모킹, 스냅샷 테스트, 그리고 테스트 성능 최적화와 같은 핵심 패턴을 다룹니다. 이전 명칭은 'test-vitest'였으며, Vitest 기반 프로젝트에서 테스트를 작성하거나 디버깅할 때 특히 유용합니다. 단, TDD 방법론, MSW를 사용한 API 모킹, Jest 전용 API는 이 스킬의 범위를 벗어나므로 각각 test-tdd, test-msw 스킬을 참고하세요. 주로 Claude Code, Cursor, Codex 같은 AI 코딩 에이전트와 함께 사용하도록 설계되었습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/vitest

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

vitest은(는) 무엇을 하나요?

Vitest 테스트 프레임워크 패턴: 테스트 설정, 비동기 테스팅, vi.* 모킹, 스냅샷, 테스트 성능 최적화 (이전 명칭: test-vitest). 이 스킬은 Vitest 테스트를 작성하거나 디버깅할 때 사용해야 합니다. 이 스킬은 TDD 방법론(test-tdd 스킬 사용), MSW를 사용한 API 모킹(test-msw 스킬 사용), Jest 전용 API는 다루지 않습니다.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

pproenca/clean-architecture

Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.

pproenca/code-simplifier

Code simplification skill for improving clarity, consistency, and maintainability while preserving exact behavior. Use when simplifying code, reducing complexity, cleaning up recent changes, applying refactoring patterns, or improving readability. Triggers on tasks involving code cleanup, simplification, refactoring, or readability improvements.

pproenca/emilkowal-animations

Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

pproenca/nuqs

nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.

pproenca/react-hook-form

React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, and the v7.55+ subscribe() API. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).

pproenca/typescript

TypeScript performance, tsconfig, type errors, async patterns — triggered when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters TS errors (TS2322, TS2339, "is not assignable to"). Also triggers on .ts, .tsx, .d.ts file work involving type definitions, module organization, or memory management. Does NOT cover TypeScript basics, framework-specific patterns, or testing.

pproenca/zod

Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).

관련 스킬