Skip to main content

​
MCP Components

MCPs (Model Context Protocol servers) enable Claude Code to integrate with external services, databases, APIs, and tools. They extend Claude’s capabilities beyond the local codebase.

Browse All MCPs

Explore 65+ MCP integrations at aitmpl.com

​
Installation

# Install a single MCP
npx claude-code-templates@latest --mcp neon

# Install multiple MCPs
npx claude-code-templates@latest --mcp neon --mcp supabase --mcp web-fetch

# Install from specific category
npx claude-code-templates@latest --mcp database/neon

​
MCP Categories

​
Database MCPs

Connect to databases and manage data:

Neon

Neon serverless Postgres integration
npx claude-code-templates@latest --mcp neon
Features:
  • Query databases directly
  • Manage schemas and migrations
  • Access Neon Management API

Supabase

Supabase platform integration
npx claude-code-templates@latest --mcp supabase
Features:
  • Database operations
  • Authentication management
  • Storage and realtime

PostgreSQL

Direct PostgreSQL database access
npx claude-code-templates@latest --mcp postgresql-integration

MySQL

MySQL database integration
npx claude-code-templates@latest --mcp mysql-integration

​
MCP Configuration

MCPs are configured in .claude/.mcp.json: 
{
  "mcpServers": {
    "Neon": {
      "description": "MCP server for Neon database",
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.neon.tech/mcp"]
    }
  }
}

​
How MCPs Work

  1. Installation: MCP configuration is added to .mcp.json
  2. Startup: Claude Code loads configured MCPs on launch
  3. Tool Access: MCPs expose tools that Claude can use
  4. Execution: When Claude uses an MCP tool, it communicates with the external service

​
Environment Variables

Many MCPs require API keys or credentials: 
# In your .env file
NEON_API_KEY=your_api_key
SUPABASE_URL=your_project_url
SUPABASE_KEY=your_service_key
GITHUB_TOKEN=your_github_token

​
Example Usage

# Install Neon MCP
npx claude-code-templates@latest --mcp neon

# Add your Neon API key to .env
echo "NEON_API_KEY=your_key" >> .env

# In Claude Code chat:
# "Query my Neon database for all users"
# "Create a new branch in my Neon project"

​
Neon

Serverless Postgres with branching, instant provisioning, and autoscaling.

​
Supabase

Complete backend platform with database, auth, storage, and realtime.

​
Web Fetch

Fetch and parse web content for research and analysis.

​
GitHub

Manage repositories, issues, pull requests, and workflows.

​
Next Steps

Build docs developers (and LLMs) love

Get started for freeTalk to us