DEV Community

brian austin
brian austin

Posted on

Claude Code MCP servers: connect Claude to your database and browser in 5 minutes

#ai #webdev #claudecode #productivity

Claude Code MCP servers: connect Claude to your database and browser in 5 minutes

MCP (Model Context Protocol) is the feature that transforms Claude Code from a text editor assistant into something that actually understands your running system.

Without MCP, you paste schema. With MCP, Claude reads it live.

This is how to set it up in 5 minutes.

What MCP actually does

MCP lets Claude connect to external data sources and tools in real time:

  • Database MCP: Claude reads your actual schema, queries live data, suggests indexes
  • Browser MCP: Claude navigates pages, fills forms, extracts data
  • Filesystem MCP: Claude reads files outside your project directory
  • Fetch MCP: Claude calls URLs and APIs directly

Instead of you pasting context, Claude pulls it on demand.

Setting up the Postgres MCP server

Create or edit ~/.config/claude/claude_desktop_config.json:

{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-postgres",
        "postgresql://localhost/mydb"
      ]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Restart Claude Code. Now type:

> Show me the users table schema
> Which queries are missing indexes?
> Write a migration to add created_at to orders
Enter fullscreen mode Exit fullscreen mode

Claude reads the live schema. No pasting.

Setting up the browser MCP server (Playwright) 

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@executeautomation/playwright-mcp-server"]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Now you can ask:

> Navigate to localhost:3000/login, fill in test@example.com / password123, click submit, screenshot the result
Enter fullscreen mode Exit fullscreen mode

Claude runs the browser. No Cypress setup required for quick checks.

Multiple MCP servers at once 

{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres", "postgresql://localhost/mydb"]
    },
    "filesystem": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", "/home/user/documents"]
    },
    "fetch": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-fetch"]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

All three active simultaneously. Claude picks the right tool for each query.

Project-scoped MCP (Claude Code specific)

For per-project MCP config, add .mcp.json to your project root:

{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres", "postgresql://localhost/projectdb"]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

This overrides global config for this project. Commit it to git so the whole team gets it.

Verifying MCP is connected

In Claude Code, run:

/mcp
Enter fullscreen mode Exit fullscreen mode

You'll see which servers are connected and their status. If a server isn't listed, check the config path and restart.

The rate limit problem with MCP

MCP sessions that query databases or run browsers generate a lot of tokens. A live schema read can be 2,000-5,000 tokens per query. If you're running a multi-step MCP workflow, you'll hit rate limits mid-task.

The fix is to route Claude Code through a proxy that removes the rate limit ceiling:

export ANTHROPIC_BASE_URL=https://simplylouie.com/api
Enter fullscreen mode Exit fullscreen mode

Set this and your MCP sessions run uninterrupted — no mid-task "rate limit reached" interruptions.

SimplyLouie is ✌️2/month and gives Claude Code unlimited access to your MCP workflows. 7-day free trial.

Available MCP servers right now

The MCP ecosystem is growing fast. Confirmed working:

Server Package What it does
Postgres @modelcontextprotocol/server-postgres Live schema + queries
SQLite @modelcontextprotocol/server-sqlite Local DB files
Filesystem @modelcontextprotocol/server-filesystem Read any directory
Fetch @modelcontextprotocol/server-fetch HTTP requests
Playwright @executeautomation/playwright-mcp-server Browser automation
GitHub @modelcontextprotocol/server-github Repos, PRs, issues
Slack @modelcontextprotocol/server-slack Messages, channels
Google Drive @modelcontextprotocol/server-gdrive Docs, sheets

What changes when MCP works

Without MCP:

You: Here's my schema [pastes 200 lines] now write a query for...
Claude: Based on the schema you provided...
Enter fullscreen mode Exit fullscreen mode

With MCP:

You: Write a query to find users who signed up but never paid
Claude: [reads schema live] Here's the query using your users and subscriptions tables...
Enter fullscreen mode Exit fullscreen mode

Less copy-pasting. More actual work.

Summary

  1. Edit ~/.config/claude/claude_desktop_config.json
  2. Add your MCP server configs
  3. Restart Claude Code
  4. Run /mcp to verify
  5. For uninterrupted multi-step MCP sessions: export ANTHROPIC_BASE_URL=https://simplylouie.com/api

MCP is the biggest quality-of-life upgrade for Claude Code that most developers haven't tried yet. The 5-minute setup is worth it.

Running long MCP sessions? SimplyLouie removes the rate limit ceiling for ✌️2/month. 7-day free trial, no charge until day 8.

Top comments (0)