** 用于为您进行天气编码开发的 AI 驱动图像生成的开源本地 MCP 服务器**

一个本地的MCP服务器,它让克洛德代码(或其他工具)直接生成并保存图像到您的项目中,而您则使用相感代码. 它默认连接到Google双子座(Nano Banana),或者作为替代品的Azure OpenAI. 双子座速度快,拥有宽大的免费分级,对大多数使用案例都大有帮助. Azure 支持流量 1.1 Pro和gpt-image-1 如果你需要更多的控制。

∮它是什么,它为什么帮助∮

• ** 您编辑器中的一行**, 您要一个页面或功能, 同时要查询背景、 图标或插图, 服务器会将资产写入您的 Repo, Claude 在代码中使用 。
• ** Fewer 开关** 设计工具与文件管理器之间没有打乱,你保持专注.
• ** 持续资产**,提示和文件夹是您工作流程的一部分,所以结果保持组织。 可复制*,资产与您的代码同住,易于审查和更新。

你可以用英雄背景和分节艺术构建一个完整的网站,创建应用图标和登机插图,或者运送仍然看起来干净而专业的内部工具.

– – . . .

# 快速启动, 安装器

Claude Code Image Generation MCP Server

An open-source local MCP server for AI-powered image generation for your vibe coding development

A local MCP server that lets Claude Code (or other tools) to generate and save images directly into your project, while you vibe code. It connects to Google Gemini (Nano Banana) by default, or Azure OpenAI as an alternative. Gemini is fast, has a generous free tier, and works great for most use cases. Azure supports Flux 1.1 Pro and gpt-image-1 if you need more control.

What it is, and why it helps

• One flow in your editor, you ask for a page or a feature, also ask for backgrounds, icons, or illustrations, the server writes assets into your repo, Claude uses them in code.
• Fewer switches, no shuffling between design tools and file managers, you keep focus.
• Consistent assets, prompts and folders are part of your workflow, so results stay organized.
• Reproducible, assets live with your code, easy to review and update.

You can build a full website with hero background and section art, create app icons and onboarding illustrations, or ship internal tools that still look clean and professional.

---

Quick start, installer

Linux / macOS / WSL

git clone https://github.com/TamerinTECH/claude-code-generate-images-mcp.git
cd claude-code-generate-images-mcp
./install.sh

Windows PowerShell

git clone https://github.com/TamerinTECH/claude-code-generate-images-mcp.git
cd claude-code-generate-images-mcp
.\install.ps1

Windows PowerShell (if scripts are blocked)

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
.\install.ps1

The installer checks prerequisites, installs dependencies, creates or keeps .env, and can register the MCP server for Claude Code.

---

Manual setup

Do it by hand if you prefer.

1. Install dependencies

npm install

2. Create environment file

cp .env.example .env

3. Set Azure variables in .env

AZURE_OPENAI_ENDPOINT=https://your-resource.openai.azure.com
AZURE_OPENAI_API_KEY=your-api-key
AZURE_OPENAI_DEPLOYMENT=flux-1-1-pro
AZURE_OPENAI_API_VERSION=2025-04-01-preview

4. Register the MCP server in Claude Code Add an entry like,

{
  "mcpServers": {
    "image-generator": {
      "command": "node",
      "args": ["/claude-code-generate-images-mcp/src/index.js"]
    }
  }
}

5. Run a quick check

node src/index.js

---

Working in Claude Code