api-mock-designer

Installation
SKILL.md

API Mock Designer Protocol

This skill allows mobile and frontend developers to construct robust UIs without waiting for the backend to be finished. It goes beyond simple static JSON stubs to provide a truly simulated environment that mimics production chaos.

Core assumption: If a frontend only tests against static 200 OK responses, it will break immediately in production when a 503 Service Unavailable or a 4-second latency spike occurs.


1. Scenario Planning (Static)

Analyze the API spec and design scenarios that consumers must handle:

  • Happy Path: Standard CRUD operations.
  • Chaos / Edge Cases:
    • 429 Too Many Requests (Testing retry logic).
    • 500/503 (Testing error boundaries/toasts).
    • High Latency Responses (Testing loading spinners/skeleton screens).
    • Partial or Empty Lists (Testing "No items found" UI states).

2. Stateful Design

A good mock server must be stateful in a single session.

Related skills

More from fatih-developer/fth-skills

Installs
6
GitHub Stars
4
First Seen
Mar 3, 2026