Communityコーディング&開発github.com

pproenca/vitest

Vitestテストフレームワークのパターン:テストセットアップ、非同期テスト、vi.*によるモック、スナップショット、テストパフォーマンス(旧称 test-vitest)。このスキルはVitestテストの作成やデバッグ時に使用します。

vitest とは?

このスキルは、Vitestテストフレームワークに特化したパターン集です。テストのセットアップ、非同期テストの実装、vi.*オブジェクトを用いたモック、スナップショットテスト、テストパフォーマンスの最適化など、Vitestを使ったテスト開発において必要な知識と実践的なテクニックを提供します。元は test-vitest という名前でしたが、現在は pproenca/vitest に統一されています。TDD(テスト駆動開発)の方法論、MSW(Mock Service Worker)を用いたAPIモック、Jest固有のAPIは対象外です。Vitestのテストを記述・デバッグする際に、このスキルを活用することで効率的にテストを実装できます。対応するプラットフォームは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).

関連スキル