mcpField
G
Gemini Image Studio

Gemini Image Studio

本地服务
github.com/udhaykumarbala媒体与设计130 周前更新

关于 Gemini Image Studio

Gemini Image Studio 是通过 Google Gemini 创建和编辑图像素材的 MCP 服务。它以生成、拆解、编辑的流程支持用结构化 JSON 或自然语言针对图像组件进行修改。

主要功能

  1. 01根据文本或 JSON 提示词生成图像
  2. 02将图像拆解为 JSON 蓝图
  3. 03通过点号路径编辑图像组件
  4. 04使用 10 种广告、网页和社交媒体预设
  5. 05提供参考图以保持一致性
  6. 06浏览生成图像及缓存的蓝图

适用场景

  1. 01制作广告创意和社交媒体视觉素材
  2. 02生成主视觉图等网页素材
  3. 03在保留其他部分时修改单一视觉细节

MCP 相关

提供图像生成、拆解、编辑、预设查询和生成图像浏览等五种工具,还提供 nano_banana_expert 提示词及 JSON schema 资源。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"gemini-image-studio": {
"command": "npx",
"args": [
"-y",
"gemini-image-studio-mcp"
],
"env": {
"GEMINI_API_KEY": "<GEMINI_API_KEY>"
}
}
}
}
启动命令npx -y gemini-image-studio-mcp
需要配置的环境变量
GEMINI_API_KEY密钥Google AI Studio API key for Gemini

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmgemini-image-studio-mcp1.0.2

工具

5

收录的工具列表 · 更新于 2 周前

参数类型必填说明
aspect_ratiostring否宽高比覆盖值(例如,'16:9'、'1:1')
enable_search_groundingboolean否使用 Google Search 提高现实世界的准确性
image_sizeenum否输出分辨率1K | 2K | 4K
modelenum否模型:flash(快速)或 pro(质量最佳)flash | pro
output_namestring否不带扩展名的自定义文件名
presetstring否预设名称(例如,'facebook_ad'、'hero_image')
promptstring是自然语言描述或序列化后的 JSON 提示词
prompt_formatenum否提示词是纯文本还是结构化 JSONtext | json
reference_imagesarray否参考图像的文件路径

详细介绍

gemini-image-studio-mcp

使用 Google Gemini 进行 AI 图像生成和编辑的 MCP 服务。创建网页素材、广告创意和品牌视觉内容,并通过结构化 JSON 编辑实现精准、可重复的控制。

npm version License: MIT

有何不同

大多数 Gemini 图像 MCP 服务都只是基础的文本生成图像封装。这个服务增加了一个结构化编辑流程:

  1. 生成:根据文本或 JSON 提示词生成图像
  2. 分解:将图像拆解为结构化 JSON 蓝图(映射每个视觉组件)
  3. 编辑:通过更改特定字段进行编辑 — subject[0].hair.color: "platinum_blonde" — 然后重新生成

这样就能进行精准、独立的修改,而不影响图像的其他部分。更改发色而不动背景。替换服装而不改变姿势。所有操作都通过点号表示法的 JSON 路径完成。

功能

  • 5 个 MCP 工具 — 生成、分解、编辑、预设、列表
  • 结构化 JSON 编辑 — 将图像分解为蓝图,并通过点号表示法编辑特定字段
  • 自然语言编辑 — 或直接用英文描述要进行的更改
  • 10 种内置预设 — Facebook 广告、Instagram 快拍、主视觉图、OG 图像、YouTube 缩略图等
  • 参考图像支持 — 最多支持 14 张参考图像,以保持角色或物体的一致性
  • 双模型支持 — Gemini 3.1 Flash(速度快)或 Gemini 3 Pro(质量最佳)
  • 蓝图缓存 — 分解后的蓝图与图像一同缓存,可即时重新编辑
  • Google Search 检索增强 — 通过网络搜索提升现实准确性
  • 智能错误处理 — 遇到速率限制时重试、提供清晰的安全拦截提示、发出文件大小警告

快速开始

1. 获取 Gemini API 密钥

在 Google AI Studio 免费获取。

2. 安装
npm install -g gemini-image-studio-mcp
3. 添加到 Claude Code
claude mcp add gemini-image-studio-mcp -e GEMINI_API_KEY=your-key-here -- gemini-image-studio-mcp

或者将其添加到项目的 .claude/mcp.json:

{
  "mcpServers": {
    "gemini-image-studio-mcp": {
      "command": "npx",
      "args": ["-y", "gemini-image-studio-mcp"],
      "env": {
        "GEMINI_API_KEY": "your-key-here"
      }
    }
  }
}
4. 使用

让 Claude 生成图像:

“为一家咖啡店创建一张光线温暖的 Facebook 广告图”

“为一家科技初创公司的落地页生成一张主视觉图”

“编辑主视觉图 — 将背景改成日落时的海滩”

工具

generate_image

根据文本或结构化 JSON 提示词创建新图像。

参数类型必填描述
promptstring是文本描述或 JSON 提示词
prompt_format"text" | "json"否提示词格式(默认:"text")
presetstring否素材预设(例如,"facebook_ad"、"hero_image")
aspect_ratiostring否覆盖宽高比("1:1"、"16:9"、"9:16" 等)
image_size"1K" | "2K" | "4K"否分辨率(默认:"1K")
model"flash" | "pro"否Gemini 模型(默认:"flash")
reference_imagesstring[]否用于保持一致性的参考图像路径
output_namestring否自定义文件名
enable_search_groundingboolean否使用 Google Search 提高准确性
decompose_image

将图像分析为结构化 JSON 蓝图 — 这是编辑工作流的第一步。

参数类型必填描述
image_pathstring是图像路径
detail_level"basic" | "detailed" | "exhaustive"否细致程度(默认:"detailed")

返回完整蓝图,包含 subject、scene、technical、composition、text_rendering、style_modifiers 和 meta 部分;每个字段都精准描述图像的视觉组件。

edit_image

使用 JSON 更改或自然语言编辑图像。

参数类型必填描述
image_pathstring是图像路径
edit_type"json" | "natural_language"是编辑模式
changesobject用于 JSON 编辑要更改的点表示法路径
instructionstring用于自然语言编辑自然语言指令
blueprintobject否蓝图(若省略,则从缓存自动加载)
model"flash" | "pro"否模型(默认值:"flash")
output_namestring否自定义文件名

JSON 编辑示例 — 更改头发颜色并添加太阳镜:

{
  "image_path": "/output/portrait.png",
  "edit_type": "json",
  "changes": {
    "subject[0].hair.color": "platinum_blonde",
    "subject[0].accessories": [
      { "item": "sunglasses", "material": "metal", "color": "#C0C0C0" }
    ]
  }
}

自然语言编辑示例:

{
  "image_path": "/output/portrait.png",
  "edit_type": "natural_language",
  "instruction": "Change the background to a tropical beach at sunset. Keep the person exactly the same."
}
get_presets

列出可用的资源预设,包括尺寸、提示和规范。

参数类型必填描述
category"ad" | "web" | "social" | "all"否筛选条件(默认值:"all")
list_generated

浏览之前生成的图像。

参数类型必填描述
filterstring否按文件名搜索
limitnumber否结果数量上限(默认值:20)
include_blueprintsboolean否包含缓存的蓝图

JSON 编辑工作流

核心差异化优势——精确到字段级别的图像编辑:

Step 1: Generate
  generate_image(prompt: "Professional headshot, navy blazer", preset: "linkedin_post")
  → /output/headshot.png

Step 2: Decompose
  decompose_image(image_path: "/output/headshot.png")
  → JSON blueprint with every visual component mapped

Step 3: Edit (precise)
  edit_image(
    image_path: "/output/headshot.png",
    edit_type: "json",
    changes: {
      "subject[0].clothing[0].color": "#8B0000",
      "scene.lighting.type": "studio_softbox"
    }
  )
  → /output/headshot-edit-1.png (blazer changed to dark red, lighting adjusted)

Step 4: Edit (creative)
  edit_image(
    image_path: "/output/headshot-edit-1.png",
    edit_type: "natural_language",
    instruction: "Add warm bokeh to the background"
  )
  → /output/headshot-edit-1-edit-1.png
点表示法路径
subject[0].hair.color          → Hair color
subject[0].hair.style          → Hair style
subject[0].clothing[0].color   → First clothing item color
subject[0].accessories         → Add/change accessories
scene.lighting.type            → Lighting type
scene.location                 → Location/background
text_rendering.text_content    → Text in image
technical.lens                 → Camera lens
composition.framing            → Shot framing
style_modifiers.aesthetic      → Aesthetic style

内置预设

预设类别宽高比尺寸最适用于
facebook_ad广告1:11080x1080Facebook/Instagram 信息流广告
instagram_story_ad广告9:161080x1920Instagram/Facebook 快拍广告
google_display_banner广告16:91200x628Google 展示广告网络
hero_imageWeb21:92560x1080首屏主视觉区域
og_imageWeb16:91200x630社交分享/链接预览
product_cardWeb4:5800x1000电商产品网格
email_headerWeb3:1600x200电子邮件营销页眉
linkedin_post社交1:11080x1080LinkedIn 信息流帖子
twitter_post社交16:91200x675Twitter/X 帖子
youtube_thumbnail社交16:91280x720YouTube 缩略图

配置

变量必填默认值描述
GEMINI_API_KEY是—Google AI Studio API 密钥
OUTPUT_DIR否./output生成图像的保存位置

集成

Claude Code
claude mcp add gemini-image-studio-mcp -e GEMINI_API_KEY=your-key -- gemini-image-studio-mcp
Cursor

添加到 .cursor/mcp.json:

{
  "mcpServers": {
    "gemini-image-studio-mcp": {
      "command": "npx",
      "args": ["-y", "gemini-image-studio-mcp"],
      "env": {
        "GEMINI_API_KEY": "your-key-here"
      }
    }
  }
}
任意 MCP 客户端
GEMINI_API_KEY=your-key npx gemini-image-studio-mcp

该服务通过 stdio 使用 Model Context Protocol 进行通信。

MCP 提示词与资源

此服务还提供:

  • 提示词:nano_banana_expert — 调用它,让 Claude 全面了解 JSON 架构、编辑最佳实践和资源创建指南
  • 资源:nanobanana://schema/prompt — 包含所有枚举值的原始 JSON 架构,可供程序化访问

模型

模型ID最适用于
Flash(默认)gemini-3.1-flash-image-preview快速生成、大批量任务、成本效益高
Progemini-3-pro-image-preview最高质量、复杂场景、专业资源

贡献

欢迎贡献!请:

  1. Fork 此仓库
  2. 创建功能分支(git checkout -b feature/my-feature)
  3. 运行测试(npm test)
  4. 提交更改
  5. 推送并创建 PR

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。