Claude Code Generate Images MCP — DevOps skill for Claude Code
Auto generate and insert image assets during UI coding in Claude Code, using an MCP server for Azure OpenAI gpt-image-1 and Flux-1.1 Pro.
How to install Claude Code Generate Images MCP
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open TamerinTECH/claude-code-generate-images-mcp and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Code Generate Images MCP does
Auto generate and insert image assets during UI coding in Claude Code, using an MCP server for Azure OpenAI gpt-image-1 and Flux-1.1 Pro.
Alternatives in DevOps
- MCP Boilerplate — A remote Cloudflare MCP server boilerplate with user authentication and Stripe for paid tools 1k ★
- Codeg — Aggregate and browse AI coding agent sessions (Claude Code, Codex, Gemini CLI, etc.) in one place 850 ★
- Chat — chat web app for teams, sass with user management and ratelimit, support chatgpt(openai & azure), claude, gemi 568 ★
README
Claude Code Image Generation MCP Server
**An open-source local MCP server for AI-powered image generation for your vibe coding development**
[](https://opensource.org/licenses/MIT) [](https://nodejs.org/) [](https://github.com/TamerinTECH/claude-code-generate-images-mcp/pulls)

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 scr
Related Skills
Docker Pibox
pi-coding-agent inside an aicodebox container. One image, five ways in: interactive shell, one-shot API, OpenA
Docker Claudebox
Claude Code in Docker. Drop-in OpenAI-compatible API, MCP server, Telegram bot, and CLI — five interfaces, one
GPT Telegram Worker
A multi-model AI Telegram bot powered by Cloudflare Workers, supporting various APIs including OpenAI, Claude,
LibreChat
Enhanced ChatGPT Clone: Features OpenAI, Assistants API, Azure, Groq, GPT-4 Vision, Mistral, Bing, Anthropic,
Docker Aicodebox
Agent-agnostic base image for putting any terminal AI coding agent (claude-code, pi, opencode...) on the netwo
Assets To R2
Claude skill + Bun CLI: move committed repo assets to Cloudflare R2 behind cdn.nuasite.com, rewriting referenc
Related Agents
Artist
Visual content creator. Called BY Media skill workflows only. Expert at prompt engineering, model selection (F
Pro SEO Image Gen
SEO image analyst. Audits existing OG/social preview images, identifies missing or low-quality images, and cre
Thumb Designer
썸네일 디자이너. 리서치 결과를 바탕으로 썸네일 컨셉을 설계하고, OpenAI gpt-image-2 이미지 생성으로 실제 썸네일을 제작한다.