内容
# MCP-Claude 代码桥接设置
## 1. 前置条件
- 已安装 Docker 和 Docker Compose
- 已安装 Claude Code CLI(执行 `npm install -g @anthropic-ai/claude-code`)
- Anthropic API 密钥
## 2. 设置步骤
### 创建项目目录:
```bash
mkdir mcp-claude-bridge
cd mcp-claude-bridge
```
### 创建文件:
将所有提供的工件保存为项目目录中的文件:
- `Dockerfile`
- `package.json`
- `server.js`
- `docker-compose.yml`
### 设置环境变量:
```bash
export ANTHROPIC_API_KEY=your_api_key_here
```
### 构建和运行:
```bash
docker-compose up --build
```
## 3. 配置 Claude 桌面版
将以下内容添加到您的 Claude 桌面版 MCP 设置中(Mac 上为 `~/Library/Application Support/Claude/claude_desktop_config.json`):
```json
{
"mcpServers": {
"claude-code-bridge": {
"command": "node",
"args": ["/path/to/your/mcp-claude-bridge/server.js"],
"env": {
"ANTHROPIC_API_KEY": "your_api_key_here"
}
}
}
}
```
## 4. 使用猫事实应用进行测试
连接后,告诉 Claude 桌面版:
"使用 claude_code_task 工具创建一个简单的猫事实应用。该应用应从 catfacts.ninja 获取事实并在简单的 Web 界面中显示它们。"
## 5. 可用工具
代码桥接提供了以下工具:
- `claude_code_task`:通过 Claude Code 执行编码任务
- `create_project`:创建新项目目录
- `list_files`:列出项目中的文件
- `read_file`:读取文件内容
- `run_command`:执行 shell 命令
## 示例用法
在 Claude 桌面版中,您现在可以说:
- "创建一个获取猫事实的新 React 应用"
- "使用 Express 构建一个简单的 API 服务器"
- "为我调试这个 Python 脚本"
MCP 服务器将把复杂任务委托给 Claude Code,同时保持所有操作在桌面界面内!