Claude Code + Banana Art Lab

    在 Claude Code 中生成图片,并在画布上实时查看

    只需一条命令即可将 Banana Art Lab 连接至 Claude Code。在编写代码的同一对话中,随时调用 GPT Image 2、Nano Banana Pro 等 7 款模型生成首屏大图、产品实拍图、图标或插画,所有生成结果都会同步呈现在 Banana Art Lab 画布上。

    Claude Code

    › 用 GPT Image 2 Saver 制作三张旅行海报,并放入名为“海报”的画布中

    ● banana-art-lab · generate_image

    model: gpt-image-2-saver · ratio 3:4 · 3 images

    3 张图片 · 6 积分 · 已放置在画布“海报”

    已完成。打开 trynanobanana.net/canvas 即可对比查看,或者告诉我你想精修哪一张。

    trynanobanana.net/canvas · 海报
    提示词
    旅行海报,温暖的印刷色彩,醒目的排版
    使用 GPT Image 2 Saver 生成的京都旅行海报
    使用 GPT Image 2 Saver 生成的雨天街景
    使用 GPT Image 2 Saver 生成的书店内部场景

    配置

    将 Claude Code 连接至 Banana Art Lab

    1

    添加服务器

    在终端中运行一次该命令:

    claude mcp add --transport http banana-art-lab https://trynanobanana.net/mcp
    2

    登录

    在 Claude Code 中输入 /mcp,选择 banana-art-lab 并登录。浏览器将打开 trynanobanana.net,在此完成授权即可,无需手动复制 API 密钥。

    3

    请求生成图片

    描述你的需求。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 Savergpt-image-2-saver任意分辨率均为 2 积分
    Z-Image Turboz-image-turbo1K 或 2K 均为 6 积分
    Nanobananananobanana1K 为 13 积分
    Seedream 5 Liteseedream-5-lite2K 为 14 积分
    Nanobanana 2nanobanana21K 为 22 积分,4K 为 49 积分
    Nanobanana Pronanobananapro1K 为 44 积分,4K 为 77 积分
    GPT Image 2gpt-image-2按画质与分辨率介于 2 至 228 积分

    积分包:$9.99 购 4,000 积分,或 $29.99 购 12,000 积分。详见价格与模型。

    常见问题

    如何在 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 工具”中取消连接。