10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI编程开发

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

3月前 AI编程开发 2346 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自动生成素材了。

Cherry Studio图形化方案

如果Claude上手有难度,我这还有Cherry Studio平替方案,苏米之前分享过多期关于Cherry Studio的MCP和自定义大模型的教程

2025普通人必备的5 个神级开源MCP

打工人的办公神器:让AI帮你搞定Word、Excel、PPT的4个MCP工具

Playwright MCP:让AI帮你完成所有浏览器自动化,两步搞定网页截图

操作步骤

打开「模型服务」 → 找到 OpenRouter,并输入API Key并点击下方的「管理」

找到nano-banana模型,也就是「Gemini 2.5 Flash Image Preview(free)」,记得选免费标志的

进入对话选择刚刚添加好的「Gemini 2.5 Flash Image Preview(free)| OpenRouter」 → 上传图片 → 输入提示词 → 发送

完成,看看,是不是简单多了!

Cherry的好处是图形化界面友好,上手几乎零门槛,特别适合非开发者。

总结

nano-banana的含金量还在上升,对我来说,用更强大的工具调用它,实现自动化才是它真正的价值,以前写提示词像是苦活累活,现在我只需要描述需求,AI就能自动把任务分解、调用nano-banana生成素材、整合到项目里。

这种体验很像是从“手工操作Photoshop”跨越到了“自动化设计管家”。

如果你也厌倦了不停调试提示词,不妨试试MCP + OpenRouter,把Claude Code的潜力完全释放出来。

MCP项目地址:https://github.com/th3nolo/openrouter-mcp

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:MCP + Nano-Banana:我在Claude Code里实现了生图自由
#MCP #Claude Code #OpenRouter #nano banana 
收藏 1
从零构建大模型 - Github 4W星神作
LiblibAI 上线 Z-Image Turbo 模型!
推荐阅读
  • Cursor Project Rules 进阶指南:从规则到工程化思维,Project Rules 实战技巧与模板分享
  • Claude Code进阶篇:Claude Code命令系统,全流程工程实践探索
  • 手把手教你在Claude Code 中使用Kimi K2 模型,超简单配置教程分享
  • Cursor 0.47.x更新必看:新增rules、mcp、auto model、主题等,附Cursor免费攻略合集,GitHub开源项目方案大全
  • Cursor进阶指南:如何解决Cursor上下文长度的限制超出后”降智“问题
评论 (0)
请登录后发表评论
分类精选
手把手教你用支付宝订阅 Cursor Pro:国内用户最全开通教程(附取消自动扣费)
16364 5月前
学生党0元白嫖!手把手教你解锁Cursor Pro年VIP,超详细申请教程(附避坑指南)
11831 6月前
Cursor 0.46更新,新增支持Claude 3.7 + GPT 4.5,Cursor Pro 无限续杯攻略,全自动化工具使用说明
11693 9月前
Claude Code Rules:claude.md文件配置完全指南
11111 4月前
Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
10680 4月前
Cursor代码生成器中文使用教程,Cursor新手入门完全指南,全网最全面详细的Cursor使用教程
10139 11月前
Claude Code + MCP 实战教程:手把手教你如何在Claude Code里面使用MCP
10104 4月前
手把手教你在VS Code & Cline/RooCode 中使用Kimi K2 模型,配置实录+开发实战体验
7778 4月前
手把手教你在Claude Code 中使用Kimi K2 模型,超简单配置教程分享
7758 4月前
Cursor新手3分钟快速搞懂 Ask/Manual/Agent 三种模式及高级技巧
7140 6月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 黑五特惠GLM-4.6,教你如何配置 Claude Code 套餐的图像分析、视频理解、联网搜索等MCP
2 从零开始的Claude Skill实操指南:10分钟对话搞定你的第一个自定义Skill
3 GLM-4.6 黑五Coding套餐,折上折!支持 Claude Code、Cline、OpenCode、Roo 代码等
4 Spec Kit 实战指南:用规范驱动开发告别 Prompt 工程难题
5 Cursor封号?claude-4.5用不了?替代方案新选择,Verdent AI深度使用指南
6 Gemini 3 Pro 在 Gemini CL 上的完整使用指南:从申请到上手的四步操作流程
7 Cursor 2.1 发布:改进计划模式,AI 代码审查,计费方式等
8 Gemini CLI 中使用最新的 Gemini 3 Pro 模型,详细接入教程
9 Skill Seeker :20分钟让Claude AI精通各种前后端技术,让Claude AI秒变全栈大师的开源项目
10 教程|三分钟把豆包 Doubao-Seed-Code 接入 Claude Code,全流程实操指南
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联