skills.rest
ByeongminLee
ByeongminLeeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mock

Generate and update MSW mock handlers and fixtures from feature spec API contracts.

2|1|Updated Mar 16, 2026
Search Tags:#typescript#testing#fixtures#mocking#frontend-testing#msw#api-contracts
One-click install
npx skills add https://github.com/ByeongminLee/nextjs-claude-code --skill mock-byeongminlee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mock
Source: https://github.com/ByeongminLee/nextjs-claude-code/tree/main/template/.claude/skills/mock
Command: npx skills add https://github.com/ByeongminLee/nextjs-claude-code --skill mock-byeongminlee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate and update MSW mock handlers and fixtures from feature spec API contracts, enabling reliable frontend testing without manual boilerplate.

Core Features & Use Cases

  • Generate MSW mock handlers and fixtures from feature specs
  • Update existing mocks when APIs evolve
  • Check mock status across environments and projects
  • Use with TypeScript workflows to keep mocks in sync with contract definitions

Quick Start

Define your feature spec with /spec, then run /mock to generate and verify MSW mocks.

Frequently Asked Questions about mock

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate MSW mocks from API contracts?▼

You generate MSW mocks from API contracts by defining a feature spec and running the mock generation command to automatically create mock handlers and fixtures. This eliminates manual boilerplate and aligns tests with evolving contracts.

What is the best way to keep frontend testing mocks in sync with evolving API definitions?▼

Keeping frontend testing mocks in sync involves updating existing MSW mock handlers and fixtures automatically when API contracts evolve. This ensures your TypeScript tests reliably validate against the latest contract definitions without manual intervention.

Can I use TypeScript to manage MSW fixtures and mock handlers?▼

Yes, you can use TypeScript to manage MSW fixtures and mock handlers. The tooling generates type-safe mocks directly from your feature spec API contracts, ensuring that your frontend testing workflows maintain strict alignment with contract definitions.

How do I check mock status across different environments for frontend testing?▼

You check mock status across environments by running the status reporting command to verify generated MSW mock handlers and fixtures. This validates that your frontend testing mocks align with API contracts across feature development, regression, and CI validation.

Do I need to manually update MSW mock handlers when API contracts change?▼

No, you do not need to manually update MSW mock handlers when API contracts change. The system updates existing mocks automatically when APIs evolve, ensuring your frontend testing workflows remain synchronized with the latest feature spec contract definitions.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

api-mock-server

Create mock REST and GraphQL APIs with MSW or json-server.

Community
Advanced
vecearvecear

mocking-assistant

Automate MSW-based API and service mocks with fixtures and test overrides.

Community
Advanced
serkan-ozalserkan-ozal
7

api-testing

Mock API responses and intercept HTTP requests in browser automation.

Community
Intermediate
AppleLampsAppleLamps

new-api-route

Scaffold Next.js App Router API routes with templated GET and POST handlers.

Community
Intermediate