Image MCP
Connects Claude Code to image generation models (OpenAI GPT Image 2, Google Nano Banana) for generating, editing, and converting images via natural language.
README
🎨 Image MCP — gere e edite imagens dentro do Claude Code
Este projeto conecta o Claude Code aos melhores modelos de geração de imagem do mercado — GPT Image 2 (OpenAI) e Nano Banana (Google). Depois de instalar, você simplesmente conversa: "gere uma imagem de...", "edite essa foto e troque o fundo..." — e as imagens aparecem na sua pasta Imagens/image-mcp.
Não precisa saber programar. A instalação é o Claude quem faz.
O que vocĂŞ precisa antes
- Claude Code instalado (claude.com/claude-code)
- Node.js (versão LTS): baixe em nodejs.org, clique em avançar até concluir
- Pelo menos uma chave de API — veja "Como criar as chaves" abaixo (a do Google tem nĂvel gratuito)
Instalação (1 passo — nem precisa baixar nada)
Abra o Claude Code em qualquer pasta, cole este prompt e aperte Enter:
Leia https://raw.githubusercontent.com/Expert-Integrado/image-mcp/main/SETUP.md e siga as instruções para instalar o MCP de imagens da Expert para mim. Me peça o que precisar.
O Claude instala tudo, pede suas chaves e configura sozinho. No final, feche e reabra o Claude Code e teste: "gere uma imagem de teste de um abacaxi de Ăłculos escuros". As imagens geradas ficam na sua pasta Imagens/image-mcp.
Como criar as chaves
Google — Nano Banana (tem nĂvel gratuito, comece por aqui)
- Acesse aistudio.google.com/apikey e entre com sua conta Google.
- Clique em Create API key (Criar chave de API).
- Copie a chave (começa com
AIza) e guarde num lugar seguro.
OpenAI — GPT Image (pago, precisa de créditos)
- Crie conta / faça login em platform.openai.com.
- Em Settings → Billing, adicione créditos (US$ 5 já rende muitas imagens).
- Em platform.openai.com/api-keys, clique em Create new secret key e copie a chave (começa com
sk-).
⚠️ Chave de API é como senha de banco: não compartilhe, não poste em grupo, não mande print.
Como usar (exemplos de pedidos)
- "Gere uma imagem de um escritĂłrio moderno minimalista, formato 16:9"
- "Gere com o Nano Banana uma foto de produto de uma caneca azul em fundo branco"
- "Edite a foto do produto que está em Imagens/image-mcp: troque o fundo por uma praia ao pôr do sol"
- "Converta essa imagem para webp" / "diminui essa imagem para 800px" (grátis, sem API)
- "Quais modelos de imagem estĂŁo disponĂveis?"
Formatos de imagem (padrões de mercado)
Se vocĂŞ nĂŁo disser o formato, o Claude vai perguntar. Estes sĂŁo os padrões disponĂveis:
| Formato | Uso mais comum |
|---|---|
1:1 quadrado |
Post de feed, avatar, foto de produto |
4:5 vertical |
Post de feed do Instagram |
9:16 vertical |
Stories, Reels, TikTok, wallpaper de celular |
16:9 horizontal |
YouTube, apresentações, paisagem |
3:2 / 2:3 |
Fotografia horizontal / vertical e pĂ´ster |
3:1 |
Banner, capa de site |
Exemplo: "gere em 9:16 uma arte de stories anunciando nossa mentoria".
Modelos disponĂveis e custo aproximado
| Modelo | Quando usar | Custo aprox./imagem* |
|---|---|---|
gpt-image-2 (padrĂŁo) |
Composições complexas, texto dentro da imagem | US$ 0,01–0,25 (varia com a qualidade) |
gemini-3.1-flash-image — Nano Banana 2 |
Rápido e barato, ótimo para volume | US$ 0,03–0,06 |
gemini-3-pro-image — Nano Banana Pro |
Máxima qualidade e controle criativo | a partir de US$ 0,06 |
*Valores aproximados — confira as tabelas oficiais de preço da OpenAI e do Google.
Para quem é técnico
- Instalação direta:
claude mcp add --scope user -e OPENAI_API_KEY=... image-mcp -- npx -y @expertintegrado/image-mcp - Ferramentas MCP:
generate_image,edit_image(múltiplas referências + máscara nos modelos OpenAI),convert_image(formato/resize/compressão local via sharp, sem API),get_image_info,list_image_models. - Envs:
OPENAI_API_KEY,GEMINI_API_KEY(pelo menos uma),IMAGE_MCP_OUTPUT_DIR(opcional, padrĂŁo~/Pictures/image-mcp). - Teste: clone o repo e rode
npm install && npm test(smoke test via stdio, nĂŁo gasta API). - Adicionar provedor/modelo: em server.js, crie um objeto com
generate()/edit()retornando array de base64, registre emPROVIDERSe adicione os modelos emMODELS. Sem SDKs de provedor — sófetchnativo. - Hospedar online (futuro): trocar
StdioServerTransportpor Streamable HTTP; em Cloudflare Workers, usar o template de MCP da plataforma e mover as chaves para secrets.
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.