** Локальный MCP-сервер с открытым исходным кодом для генерации изображений на основе ИИ для разработки кодирования вибрации**

Локальный MCP-сервер, который позволяет Claude Code (или другим инструментам) генерировать и сохранять изображения непосредственно в вашем проекте. Он подключается к Google Gemini (Nano Banana) по умолчанию или Azure OpenAI в качестве альтернативы. Близнецы быстры, имеют щедрый бесплатный уровень и отлично подходят для большинства случаев использования. Azure поддерживает Flux 1.1 Pro и gpt-image-1, если вам нужно больше контроля.

Что это такое и почему это помогает

*** Один поток в вашем редакторе**, вы запрашиваете страницу или функцию, также запрашиваете фоны, значки или иллюстрации, сервер записывает активы в ваше репо, Клод использует их в коде.

• • • Небольшие переключатели**, отсутствие перетасовки между инструментами проектирования и файловыми менеджерами, вы держите фокус. Соответствующие активы, подсказки и папки являются частью вашего рабочего процесса, поэтому результаты остаются организованными. *** Воспроизводимые*, активы живут с вашим кодом, легко просматриваются и обновляются.

Вы можете создать полный веб-сайт с героическим фоном и секционным искусством, создать значки приложений и иллюстрации на борту или отправить внутренние инструменты, которые по-прежнему выглядят чистыми и профессиональными.

Быстрый запуск, установщик

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