Criei um MCP de Geração de Imagens para Claude Code — Gemini, OpenAI e FLUX em Um Só Lugar

Por que eu construí isso

Eu uso o Claude Code como meu ambiente de desenvolvimento principal. Código, revisão, implantação — quase tudo acontece dentro do Claude Code. Mas havia uma coisa que me fazia sair: gerar imagens.

Toda vez que eu precisava de um diagrama ou uma ilustração, eu trocava para o Google AI Studio, reescrevia o prompt sem o contexto original e salvava manualmente o resultado de volta no meu projeto. Cerca de 30 vezes por dia.

Então eu construí mcp-imagenate, um servidor MCP que traz a geração de imagens diretamente para o Claude Code e o Claude Desktop. Ele alcançou 1.000 downloads no npm em 4 dias após o lançamento.

Nota: Esta é uma versão alfa, construída como um projeto pessoal. Use por sua conta e risco.

Casos de Uso

Aqui estão três maneiras que eu realmente uso isso diariamente.

1. Gerar diagramas de arquitetura de sistema a partir do Claude Code

Depois de projetar e implementar um sistema no Claude Code, eu apenas digo "gerar um diagrama de arquitetura para este sistema." O Claude Code já entende todo o contexto do projeto, então ele constrói um prompt sólido e gera o diagrama através do nano-banana-2 do Gemini. A imagem é salva diretamente no diretório do projeto.

2. Transformar o diário diário em entradas ilustradas

Eu mantenho um diário diário usando o Claude e o MCP do Notion. Com o mcp-imagenate adicionado, o Claude agora gera ilustrações para cada entrada automaticamente. Combinado com o recurso Skills do Claude Code, eu posso iterar sobre os prompts de imagem sem nunca sair da conversa — engenharia de prompt adequada, bem dentro do chat.

3. Gerar imagens instantaneamente durante o desenvolvimento frontend

Enquanto construo um frontend no Claude Code, posso pedir para gerar e inserir imagens na hora. Preciso de uma ilustração de um gato fofo e arrependido para uma página de erro? O Claude Code gera, salva no diretório correto e faz referência no código. Nenhuma troca de contexto necessária.

Esses são apenas meus fluxos de trabalho — tenho certeza de que há muitas mais possibilidades com o MCP.

Provedores Suportados

O Claude constrói o prompt de geração de imagem e escolhe o modelo. Você também pode configurar resolução, proporção e diretório de saída. Os modelos do Google também suportam edição de imagem com uma imagem de entrada.

Por que isso é importante

Combine e misture modelos de chat com modelos de geração de imagem.

Converse com o Claude enquanto gera imagens com o nano-banana-2 do Gemini. Ou FLUX. Ou OpenAI. Escolha o melhor modelo de chat e o melhor modelo de imagem de forma independente. Você não precisa mais escolher o Gemini apenas porque ele pode gerar imagens.

Uma interface para tudo.

Gemini, GPT, FLUX — todos chamáveis a partir do Claude Code ou do Claude Desktop. Chega de abrir abas do navegador e copiar e colar contexto entre plataformas.

Engenharia de prompt, contexto e geração de imagem em um único fluxo.

Enquanto desenvolve no Claude Code, você pensa "Eu preciso de um ícone aqui" — e ele é gerado, salvo no diretório correto e referenciado no seu código. O Claude Code entende o design do sistema, constrói o prompt de imagem, gera a imagem e a incorpora na documentação. Nenhum contexto é perdido.

Começando

Defina suas chaves de API como variáveis de ambiente e adicione a configuração do servidor ao Claude Desktop ou Claude Code. É isso.

Veja o README para instruções de configuração.

Nota para usuários do Claude Desktop

Devido a uma limitação no aplicativo Claude Desktop, as imagens geradas não podem ser exibidas inline. O Claude irá fornecer o caminho do arquivo — abra-o a partir do seu terminal com open <path> (macOS) ou seu gerenciador de arquivos.

Links

• npm: mcp-imagenate
• GitHub: mimo-3/mcp-imagenate
• Autor: @aconitine_LD50

Se você experimentar, eu adoraria ouvir seu feedback em X ou GitHub Issues.