MCP-Claude Code Bridge Setup

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:

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:

Build and run:

3. Configure Claude Desktop

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

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

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!