JavaScript/TypeScript 테스트 및 개발에서 API 모의를 위한 MSW(Mock Service Worker) v2 모범 사례, 패턴 및 API 지침입니다. 핸들러 설계, 서버 설정, 응답 구성, 테스트 패턴, GraphQL 및 v1에서 v2로의 마이그레이션을 다룹니다. 기준선: msw ^2.0.0. 트리거 대상: msw 가져오기, http.get, http.post, HttpResponse, setupServer, setupWorker, graphql.query, "msw", "모의 서비스 작업자", "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 mswJavaScript/TypeScript 테스트 및 개발에서 API 모의를 위한 MSW(Mock Service Worker) v2 모범 사례, 패턴 및 API 지침입니다. 핸들러 설계, 서버 설정, 응답 구성, 테스트 패턴, GraphQL 및 v1에서 v2로의 마이그레이션을 다룹니다. 기준선: msw ^2.0.0. 트리거 대상: msw 가져오기, http.get, http.post, HttpResponse, setupServer, setupWorker, graphql.query, "msw", "모의 서비스 작업자", "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