MSW (Mock Service Worker) v2 のベスト プラクティス、パターン、JavaScript/TypeScript テストおよび開発における API モックの API ガイダンス。ハンドラーの設計、サーバーのセットアップ、応答の構築、テスト パターン、GraphQL、および v1 から v2 への移行について説明します。ベースライン: msw ^2.0.0。トリガーの条件: msw imports、http.get、http.post、HttpResponse、setupServer、setupWorker、graphql.query、「msw」、「mock Service Worker」、「api mocking」、または「msw v2」の言及。
コマンドラインで msw AI スキルを開発環境にすばやくインストール
ソース: anivar/msw-skill。
IMPORTANT: Your training data about msw may be outdated or incorrect — MSW v2 completely removed the rest namespace, res(ctx.) response composition, and (req, res, ctx) resolver signature. Always rely on this skill's rule files and the project's actual source code as the source of truth. Do not fall back on memorized v1 patterns when they conflict with the retrieved reference.
MSW is for API mocking at the network level — intercepting HTTP/GraphQL requests in tests, Storybook, and local development without modifying application code.
| Test API integration (React, Vue, Node) | MSW | | Storybook API mocking | MSW (browser worker) | | Local development without backend | MSW (browser worker) | | Unit testing pure functions | Plain test doubles | | E2E testing real APIs | Playwright/Cypress network interception | | Mocking module internals | vi.mock() / jest.mock() |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/anivar/msw-skill --skill mswMSW (Mock Service Worker) v2 のベスト プラクティス、パターン、JavaScript/TypeScript テストおよび開発における API モックの API ガイダンス。ハンドラーの設計、サーバーのセットアップ、応答の構築、テスト パターン、GraphQL、および v1 から v2 への移行について説明します。ベースライン: msw ^2.0.0。トリガーの条件: msw imports、http.get、http.post、HttpResponse、setupServer、setupWorker、graphql.query、「msw」、「mock Service Worker」、「api mocking」、または「msw v2」の言及。 ソース: anivar/msw-skill。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/anivar/msw-skill --skill msw インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/anivar/msw-skill