SaaS Engineer
Seven MCPs plus Vercel's agent-browser CLI for the everyday work of running a Next.js SaaS — source, database, payments, deploys, product analytics, live dev server introspection, current docs, and a real browser for verification.
Use case: Wire one agent across the integrations a typical Next.js SaaS runs on, so it can read repos, branch the database, manage billing, ship deploys, flip feature flags, query the running dev server, fetch fresh docs, and click through the UI it just changed.
“Next.js DevTools MCP connects an agent to a running Next.js 16+ dev server, exposing live route structure, runtime errors, server logs, and version-accurate documentation for migrations and new APIs. — vercel/next-devtools-mcp README”
What's in the stack
MCP servers and CLI tools that make up this stack, and how each one runs.
| Tool | Primary use | Kind | Stars | GitHub |
|---|---|---|---|---|
| GitHub MCP Server connects an agent to GitHub: read repos and code, manage issues and PRs, query workflow runs, review Dependabot and security findings, and interact with discussions and notifications.. | MCP | 29,550 | repo | |
| Neon MCP Server connects an agent to Neon Postgres: create and manage projects and branches, run SQL queries, apply schema migrations, and administer databases through natural language.. | MCP | 594 | repo | |
| Stripe MCP connects an agent to the Stripe API: manage customers, products, prices, payment intents, subscriptions, and other core billing objects.. | MCP | 1,528 | repo | |
| Vercel MCP Server gives an agent access to Vercel projects: inspect deployments, manage domains, view build and runtime logs, and interact with project configuration.. | MCP | 7 | repo | |
| PostHog's official MCP connects an agent to product analytics, feature flags, error tracking, surveys, and session replays. | MCP | 142 | repo | |
| Next.js DevTools MCP connects an agent to a running Next.js 16+ dev server, exposing live route structure, runtime errors, server logs, and version-accurate documentation for migrations and new APIs.. | MCP | 740 | repo | |
| Context7 fetches up-to-date documentation and code examples from official sources for over 4,000 libraries, so generated code matches the version actually installed.. | MCP | 54,604 | repo | |
 agent-browser | Browser automation CLI for AI agents. | CLI | 32,056 | repo |
Install the MCP servers
Pick the client you use. Each tab installs all 7 servers.
claude mcp add --transport http io-github-github-github-mcp-server https://api.githubcopilot.com/mcp/
claude mcp add --transport http neondatabase-mcp-server-neon https://mcp.neon.tech/sse
claude mcp add --transport http com-stripe-mcp https://mcp.stripe.com
claude mcp add --transport http com-vercel-vercel-mcp https://mcp.vercel.com
claude mcp add --transport http io-github-posthog-mcp https://mcp.posthog.com/sse
claude mcp add io-github-vercel-next-devtools-mcp -- npx -y next-devtools-mcp
claude mcp add io-github-upstash-context7 -- npx -y @upstash/context7-mcpInstall the CLI tools
These run as plain shell commands the agent invokes — not MCP servers. Run once to install, then they're available on your PATH.
agent-browser
npm install -g agent-browser && agent-browser installAdd to your CLAUDE.md / AGENTS.md
Paste this into your project's CLAUDE.md or AGENTS.md so the agent knows when and how to use each tool in the stack.
## Tools
- **GitHub MCP** — Repo operations: read code, branches, PRs, issues, workflow runs. Prefer this over shelling out to `gh`.
- **Neon MCP** — All Postgres work runs through here: create a branch per migration, run SQL, inspect schemas. Branch the database before any destructive change; never run a migration on the parent branch first.
- **Stripe MCP** — Source of truth for products, prices, customers, subscriptions, payment intents. Read current state before scripting changes; never assume billing state from memory.
- **Vercel MCP** — Inspect deployments, build logs, runtime logs, and domains. After a deploy, check runtime logs here before reporting "shipped".
- **Next Dev Tools MCP** — While working in this Next.js app, query the running dev server: live route structure, runtime errors, server logs, and version-accurate Next.js docs. Read it before guessing why a route 404s or a build is failing.
- **PostHog MCP** — Product analytics, feature flags, error tracking. Check flag state and recent error events before reasoning about user-visible behavior. Flip flags through here, not the dashboard, so the change is logged in chat.
- **Context7 MCP** — Fetch current docs for any third-party library before writing code against it. Trust Context7 over training data.
- **agent-browser** (CLI, not MCP) — After a UI change, verify it in a real browser before reporting the task done. Workflow: `agent-browser open <url>` → `agent-browser snapshot` (returns refs `@e1`, `@e2`, …) → interact via refs (`agent-browser click @e2`, `agent-browser fill @e3 "..."`). Prefer snapshots over screenshots.Why each tool is in this stack
A short rationale per tool, plus its individual install.
GitHub's own MCP (29,550 stars). Read code, manage issues and PRs, query workflow runs — the highest-leverage server for any code task.
claude mcp add --transport http io-github-github-github-mcp-server https://api.githubcopilot.com/mcp/by neondatabase · ★ 594 · MCP
Neon's official server (594 stars): branchable serverless Postgres, schema migrations, and SQL execution from natural language. Branch the database before any risky migration.
claude mcp add --transport http neondatabase-mcp-server-neon https://mcp.neon.tech/sseStripe's first-party MCP (1,528 stars). Manage customers, products, prices, payment intents, and subscriptions — the source of truth for billing state.
claude mcp add --transport http com-stripe-mcp https://mcp.stripe.comVercel's own MCP. Inspect deployments, manage domains, view build and runtime logs — closes the loop on shipping.
claude mcp add --transport http com-vercel-vercel-mcp https://mcp.vercel.comPostHog's official MCP (142 stars). Product analytics, feature flags, error tracking, surveys, replays — flip flags and triage errors from the editor.
claude mcp add --transport http io-github-posthog-mcp https://mcp.posthog.com/sseby vercel · ★ 740 · MCP
Vercel's Next Dev Tools MCP (740 stars). Connects directly to a running Next.js 16+ dev server: live route map, runtime errors, server logs, and version-accurate migration docs.
claude mcp add io-github-vercel-next-devtools-mcp -- npx -y next-devtools-mcpUpstash's Context7 (54,604 stars) indexes over 4,000 libraries from official sources. Catches the 'this API changed two versions ago' class of agent failures.
claude mcp add io-github-upstash-context7 -- npx -y @upstash/context7-mcpagent-browser
by Vercel Labs · ★ 32,056 · CLI
Vercel Labs' agent-browser (32,056 stars). A CLI the agent shells out to — not an MCP. Numbered accessibility refs and built-in waits make verifying UI changes much cheaper than screenshot loops.
npm install -g agent-browser && agent-browser install
Last reviewed · Curated by stax.sh