Claude Code + Banana Art Lab
在 Claude Code 中生成图片,并在画布上实时查看
只需一条命令即可将 Banana Art Lab 连接至 Claude Code。在编写代码的同一对话中,随时调用 GPT Image 2、Nano Banana Pro 等 7 款模型生成首屏大图、产品实拍图、图标或插画,所有生成结果都会同步呈现在 Banana Art Lab 画布上。
› 用 GPT Image 2 Saver 制作三张旅行海报,并放入名为“海报”的画布中
● banana-art-lab · generate_image
model: gpt-image-2-saver · ratio 3:4 · 3 images
3 张图片 · 6 积分 · 已放置在画布“海报”
已完成。打开 trynanobanana.net/canvas 即可对比查看,或者告诉我你想精修哪一张。



配置
将 Claude Code 连接至 Banana Art Lab
添加服务器
在终端中运行一次该命令:
claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp登录
在 Claude Code 中输入 /mcp,选择 banana-art-lab 并登录。浏览器将打开 trynanobanana.net,在此完成授权即可,无需手动复制 API 密钥。
请求生成图片
描述你的需求。Claude Code 会调用 generate_image 获取图片链接,还能将提示词与生成结果直接放置在你指定的画布中。
画布实时同步
Claude Code 负责生成图片,您接着继续创作。
指定画布名称,Claude Code 就会将提示词和所有生成结果以工作流节点的形式呈现。在 trynanobanana.net/canvas 打开画布,即可并排对比各个版本、自由排版,或用相同提示词再次生成。打开的画布约 10 秒内即可同步显示最新结果。
反向操作同样支持:Claude Code 可以读取您已建画布中的文本与图片并继续拓展,例如为每张图片生成故事板版本。
可以这样问
- “用 Nano Banana Pro 为这个落地页制作一张 16:9 的首屏大图,下载到 public/images/hero.webp 并在首屏区域中使用它。”
- “用 GPT Image 2 Saver 生成三张陶瓷马克杯的产品实拍图,并放到名为“Mug launch”的新画布上。”
- “读取我的画布“App icons”,将每个图标以扁平双色风格重新生成一遍。”
- “为仪表盘设计一张 1:1 的空状态插画,使用我们的品牌黄色调,并添加到 components 文件夹中。”
模型与价格
7 款图像模型,共用积分余额
Claude Code 可以调用 Banana Art Lab 上的所有模型,价格与网站一致。单张图片消耗积分:
| 模型 | 模型 ID | 单张消耗积分 |
|---|---|---|
| GPT Image 2 Saver | gpt-image-2-saver | 任意分辨率均为 2 积分 |
| Z-Image Turbo | z-image-turbo | 1K 或 2K 均为 6 积分 |
| Nanobanana | nanobanana | 1K 为 13 积分 |
| Seedream 5 Lite | seedream-5-lite | 2K 为 14 积分 |
| Nanobanana 2 | nanobanana2 | 1K 为 22 积分,4K 为 49 积分 |
| Nanobanana Pro | nanobananapro | 1K 为 44 积分,4K 为 77 积分 |
| GPT Image 2 | gpt-image-2 | 按画质与分辨率介于 2 至 228 积分 |
常见问题
如何在 Claude Code 中添加图片生成功能?
运行“claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp”,然后在 Claude Code 中输入 /mcp 并登录 Banana Art Lab。完成后,Claude Code 即可通过 generate_image 工具生成图片。
Claude Code 可以通过 Banana Art Lab 使用哪些模型?
支持 GPT Image 2 Saver、GPT Image 2、Nanobanana Pro、Nanobanana 2、Nanobanana、Seedream 5 Lite 和 Z-Image Turbo。Claude Code 可以调用 list_models 查看各模型支持的分辨率和每张图片所需的积分,并能传入参考图进行编辑或风格迁移。
费用是多少?
连接完全免费。每张图片生成将按照网站价格消耗 Banana Art Lab 积分,使用 GPT Image 2 Saver 在任意分辨率下仅需 2 积分起。新用户注册即可获赠 10 免费积分;积分包售价 $9.99 起(含 4,000 积分)。
生成的图片保存在哪里?
你的 AI 助手会获得每张图片的链接,并可将其直接下载到你的项目中。如果你指定了画布名称,提示词和图片还会同步放置在 trynanobanana.net/canvas 的对应画布上,便于你随时重排、对比和重新生成。已打开的画布约在 10 秒内即可显示最新结果。
它能查看我的画布吗?
只有在你于 trynanobanana.net 上完成授权后才可以,且仅限于你所授权的账号。它可以列出、读取和编辑你的画布,并使用你的积分生成图片。它无法通过 Banana Art Lab 访问你计算机上的本地文件。你可随时在“画布设置 → AI 工具”中取消连接。