Intermediate

Full-Stack Web Dev Stack

The complete toolkit for full-stack developers. Database, auth, payments, testing, and deployment all wired up.

6 servers48.6K tokens24% of context

Token Budget

48.6K used (24.3%)151.4K remaining

Supabase MCP12.9K (6.4%)

GitHub MCP10.3K (5.1%)

Playwright MCP10.3K (5.1%)

Stripe MCP7.7K (3.9%)

Vercel MCP6.2K (3.1%)

Context7 MCP1.0K (0.5%)

Moderate token usage. You will have good room for prompts but watch if adding more servers.

Config

Paste in ~/.claude.json

json

{
  "mcpServers": {
    "supabase-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase"
      ],
      "env": {
        "SUPABASE_ACCESS_TOKEN": "YOUR_SUPABASE_ACCESS_TOKEN"
      }
    },
    "github-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_GITHUB_PERSONAL_ACCESS_TOKEN"
      }
    },
    "playwright-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    },
    "stripe-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@stripe/mcp",
        "--tools=all"
      ],
      "env": {
        "STRIPE_SECRET_KEY": "YOUR_STRIPE_SECRET_KEY"
      }
    },
    "vercel-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "vercel-mcp"
      ],
      "env": {
        "VERCEL_API_TOKEN": "YOUR_VERCEL_API_TOKEN"
      }
    },
    "context7-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@upstash/context7-mcp"
      ]
    }
  }
}

Included Servers

Supabase MCP

Supabase

database

Query your Supabase database, manage tables, run migrations, deploy edge functions, and manage branches directly from your AI editor.

2.5k36.5k/wk12.9K tokens(6%)Official2d ago

Database, auth, and storage in one service. The full-stack developer's shortcut to a production-ready backend.

Stripe MCP

Stripe

payments

Integrate Stripe APIs for payments, subscriptions, customers, and invoices directly from your AI editor using the official Stripe agent toolkit.

1.3k36.5k/wk7.7K tokens(4%)Official2d ago

Most web apps need payments eventually. Having Stripe wired in from day one saves a painful integration later.

GitHub MCP

Anthropic

developer-tools

Access the GitHub API to manage repositories, issues, pull requests, branches, and workflows directly from your AI editor.

79.1k45.9k/wk10.3K tokens(5%)Official3d ago

Full-stack means more moving parts — PRs, branches, and code reviews keep everything from falling apart.

Playwright MCP

Microsoft

testing

Automate browser interactions, take screenshots, fill forms, and test web applications using Microsoft Playwright from your AI editor.

27.5k1433.4k/wk10.3K tokens(5%)Officialyesterday

End-to-end testing across the entire stack. Verify that your frontend, API, and database all work together correctly.

Vercel MCP

Community

deployment

Connect to the Vercel API to manage deployments, projects, domains, and environment variables from your AI editor.

800605/wk6.2K tokens(3%)2mo ago

One-command deployments with preview URLs for every PR. Full-stack shipping without DevOps overhead.

Context7 MCP

Upstash

documentation

Pull up-to-date documentation and code examples for any library directly into your prompt context using the Context7 API.

46.5k213.3k/wk1.0K tokens(0.5%)Official2d ago

You're touching multiple frameworks per day. Up-to-date docs for Next.js, Supabase, and Stripe keep context switches painless.