Mocxykit

Mocxykit is a lightweight, developer‑centric MCP server that turns any front‑end build tool—Webpack, Vite, Rsbuild, or even plain Express—into a fully‑featured API proxy and mock data hub. It solves the common pain of coupling UI code to live back‑ends during development by intercepting network requests, routing them through a configurable proxy, or serving deterministic mock responses that can be edited on the fly. The result is a single, consistent environment where front‑end developers can test features without waiting for API contracts to be finalized or backend services to be deployed.

At its core, Mocxykit exposes a visual configuration panel (default ) that lets developers toggle any request between “proxy” and “mock.” The panel supports multiple environments, global rules (e.g., ), and per‑URL overrides. When a request is marked for mocking, the server can return either static JSON files, dynamically generated data via Faker, or a snapshot of the most recent real response. This snapshot feature is especially handy for quickly turning live traffic into reusable test data, eliminating the need to manually copy and paste payloads.

For AI assistants using MCP, Mocxykit’s integration is a game‑changer. The server implements the MCP protocol to expose its mock database, request history, and documentation (including auto‑sync with ApiFox). An AI can query this data to generate realistic API stubs, retrieve recent response shapes, or even suggest new mock endpoints based on observed traffic. Developers can therefore let the AI scaffold front‑end components that automatically consume these mocks, speeding up prototyping and reducing boilerplate.

Key capabilities include:

• Bidirectional routing: Switch a URL between live proxying and mock mode with zero downtime.
• Environment switching: Manage multiple environment variables (dev, staging, prod) and toggle them instantly from the UI.
• Faker support: Generate random yet realistic payloads for any endpoint without writing code.
• Ngrok integration: Expose the local dev server to the internet for testing with external services or remote collaborators.
• MCP compatibility: Seamless AI interaction for data retrieval, documentation generation, and automated mock creation.
• Built‑in API tester: Send requests directly from the dashboard, view responses, and copy payloads to mocks.

Typical use cases span rapid prototyping, front‑end focused teams working without backend parity, and AI‑driven development pipelines. A designer can spin up a mock for a new REST endpoint, hand it to the AI assistant, which then generates corresponding React hooks or Vue composables. Meanwhile, a QA engineer can monitor request history and validate that the UI correctly handles error cases by toggling mock responses on demand. Mocxykit’s transparent, tool‑agnostic approach makes it an indispensable bridge between UI code and evolving APIs in modern web development workflows.