Local MCP server for Claude & Cursor + CLI

See what APIs a page calls β€”
recorded as you click.

Stop squinting at the DevTools Network tab. browser-flow-tracker watches a page while you navigate, filters out the noise, and hands you a clean document of every API call β€” with a sequence diagram.

Get started View on GitHub
Just say to your AI
β€œlet's record the session for this url https://your-app.com”

A browser opens, you click through the real flow, then say done β€” or just close the window. Files are written automatically.

What you get

Every recording writes three files. The one you read is the Markdown doc.

πŸ“„

.md flow doc

A readable write-up: overview, a Mermaid sequence diagram, an ordered call table, and per-call detail.

πŸ€–

.flow.json

Structured, ordered data with request/response bodies β€” for Claude/Cursor to build even richer docs.

πŸ”§

.har

Standard HAR 1.2 β€” open it in Chrome DevTools, Postman, Insomnia or Charles.

Install in 10 seconds

No Node.js, no PATH headaches. One command installs a standalone binary β€” on macOS, Windows or Linux.

macOS & Linux β€” Terminal:

curl -fsSL https://apiflowtracker.com/install.sh | sh

Windows β€” PowerShell:

irm https://apiflowtracker.com/install.ps1 | iex

The installer prints the exact MCP config to add to Claude/Cursor β€” it looks like this (macOS/Linux path shown):

{
  "mcpServers": {
    "browser-flow-tracker": {
      "command": "/usr/local/bin/browser-flow-tracker"
    }
  }
}

Already have Node? You can instead use "command": "npx", "args": ["-y", "browser-flow-tracker@latest"].

  1. Install & add the config above, then restart your AI app.
  2. Say the phrase: β€œlet's record the session for this url …”. A real browser window opens.
  3. You navigate the flow β€” log in if needed (remembered next time).
  4. Say β€œdone” or close the browser. The doc + JSON + HAR are written for you.

Why it's better than the console

It speaks the browser's own DevTools Protocol, then does the tedious parts for you.

🧹

Smart-filtered

Drops images, fonts, CSS and analytics/telemetry (PostHog, GA4, RUM) so you see only the real API calls.

πŸ”

Safe to share

Auth headers, cookies and tokens are redacted by default. Log in once β€” the private profile remembers you.

🧭

You drive

The capture is user-driven: it records your real, authenticated flow instead of guessing. It never clicks for you.

🌐

Your browsers

Works with Brave, Chrome, Arc, Edge and other Chromium browsers. Auto-picks a free debug port β€” no setup.