← Recursos

Palabra clave: IMAGEN

Añade un modelo de imagen a Claude Code

Claude Code no genera imágenes por sí solo. Con un MCP de imagen puede crearlas y colocarlas directamente en tu web.

Paso 1 · Elige proveedor

  • Replicate: muchos modelos (Flux, SDXL, Imagen…). Pagas por imagen.
  • fal.ai: muy rápido, también con Flux y otros modelos.
  • OpenAI: GPT Image, bueno con texto dentro de la imagen.

Paso 2 · Crea tu API key

En el panel del proveedor (en Replicate: Account → API tokens). Cópiala y no la pegues en ningún archivo del proyecto.

Paso 3 · Añade el MCP

Ejemplo con Replicate y Flux (servidor comunitario replicate-flux-mcp):

Terminal
claude mcp add imagenes --scope user -e REPLICATE_API_TOKEN=tu_token -- npx -y replicate-flux-mcp
Comprueba el paquete antes: hay varios MCPs de imagen hechos por la comunidad y cambian a menudo. Busca el nombre en npmjs.com o en GitHub, mira que esté actualizado y usa la variable de entorno que indique su documentación.

Paso 4 · Comprueba que funciona

Abre Claude Code y escribe /mcp. Debe aparecer “imagenes” como conectado.

Paso 5 · Pídele imágenes

Prompt
Genera 3 imágenes para la web de la peluquería: una hero horizontal (16:9),
una para la sección de servicios y una del equipo. Estilo fotográfico,
luz cálida, tonos neutros. Guárdalas en /img y colócalas en index.html
con su texto alternativo.

Trucos

  • Pide siempre el formato (16:9, 1:1, 9:16) y dónde guardarla.
  • Define un estilo en tu CLAUDE.md para que todas las imágenes de la web combinen.
  • Revisa caras, manos y textos: los modelos de imagen todavía fallan ahí.