While building frontend applications in React and TypeScript, two repetitive tasks always slowed me down:

Testing UI edge cases ( 500 Server Error, 401 Unauthorized, or 3000ms slow network latency) without modifying frontend code or setting up heavy proxy tools.

Manually writing TypeScript interface definitions and Zod validation schemas from deeply nested API JSON responses.

To solve both in a single workflow, I built API Craft Pro — a lightweight, 100% local-first Chrome SidePanel extension.

⚡ 1. Intercept Live XHR & Fetch Traffic in the SidePanel

Instead of constantly switching between the DevTools Network tab and your code editor, API Craft Pro streams your live fetch and XMLHttpRequest JSON payloads directly in the Chrome SidePanel alongside your web app.

🎭 2.…