MCP-Claude Code Bridge Setup

3. Configure Claude Desktop

Add to your Claude Desktop MCP settings (~/Library/Application Support/Claude/claude_desktop_config.json on Mac):

{
  "mcpServers": {
    "claude-code-bridge": {
      "command": "node",
      "args": ["/path/to/your/mcp-claude-bridge/server.js"],
      "env": {
        "ANTHROPIC_API_KEY": "your_api_key_here"
      }
    }
  }
}

4. Test with Cat Facts App

Once connected, tell Claude Desktop:

"Create a simple cat facts app using the claude_code_task tool. The app should fetch facts from catfacts.ninja and display them in a simple web interface."

5. Available Tools

The bridge provides these tools:

• claude_code_task: Execute coding tasks via Claude Code
• create_project: Create new project directories
• list_files: List files in projects
• read_file: Read file contents
• run_command: Execute shell commands

1. Prerequisites

• Docker and Docker Compose installed
• Claude Code CLI installed (npm install -g @anthropic-ai/claude-code)
• Anthropic API key

2. Setup Steps

Create project directory:

mkdir mcp-claude-bridge
cd mcp-claude-bridge

Create the files:

Save all the provided artifacts as files in your project directory:

• Dockerfile
• package.json
• server.js
• docker-compose.yml

Set environment variable:

export ANTHROPIC_API_KEY=your_api_key_here

Build and run:

docker-compose up --build

Example Usage

In Claude Desktop, you can now say:

• "Create a new React app that fetches cat facts"
• "Build a simple API server in Express"
• "Debug this Python script for me"

The MCP server will delegate complex tasks to Claude Code while keeping everything in the Desktop interface!