当前位置：首页 » AI编程开发

MCP + Nano-Banana：我在Claude Code里实现了生图自由

1年前 AI编程开发 6248 0

最近Nano banana的火爆出圈，不仅仅是可以实现手办自由，对于AI开发人来说也是可以一键调用并快速搞定素材生图自由，在AI编程中大多数界面都是没有图片素材的，那么去哪找高质量素材图呢？

Nano banana来了，我在Claude Code里接入了一个 MCP，直接调用 Google 的 nano-banana 模型，这下就真正体验到了什么叫“自动化素材生图自由”。

基本上告别了手工生图的繁琐操作，把图像生成、补图、改图的活全权交给了大模型。作为开发者，我只需要把需求抛给Claude，它就能自主调用这个MCP工具。

OpenRouter MCP

是的，今天分享的就是这个OpenRouter-MCP，一站式接入400+模型，也包含了最近刚刚上线的nano-banana 模型，而且还有免费版可用！

这款OpenRouter-MCP的特点：

OpenRouter本身内置了超400+模型（GPT-4、Claude、Gemini、Llama 等）
可搜索和比价，随时切换模型
同一个界面里和不同模型聊天
并排比较结果，挑最合适的
图像生成 & 编辑全流程搞定
查看模型详细参数（上下文长度、价格等）
和 Claude Code / Claude Desktop 无缝集成

也就是说，配置一次，Claude就能直接调用nano-banana，以及其他任意模型。

3分钟完成部署

这部分我实测过，步骤比想象中顺畅。

第一步：申请API Key

首先从OpenRouter获取API密钥,免费版的nano-banana也能直接用

OpenRouter申请KEY：https://openrouter.ai/keys

创建好之后，直接复制KEY

第二步：部署MCP服务器

# Clone the repository
git clone https://github.com/th3nolo/openrouter-mcp.git
cd openrouter-mcp

# Install dependencies
npm install
# or
yarn install

# Build the TypeScript code
npm run build
# or
yarn build

推荐使用yarn，会快一点

如果没有装Git那就直接下载压缩包

第三步：接入Claude Code

命令行方式：

claude mcp add openrouter /path/to/project \
  node /path/to/openrouter-mcp/dist/server.js \
  --env OPENROUTER_API_KEY=your_openrouter_api_key_here

或者在GUI配置文件里加：

{
  "mcpServers": {
    "openrouter": {
      "command": "node",
      "args": ["/path/to/openrouter-mcp/dist/server.js"],
      "env": {
        "OPENROUTER_API_KEY": "your_openrouter_api_key_here"
      }
    }
  }
}

重启Claude Code后，它就能直接调用nano-banana自动生成素材了。