CommunityImagengithub.com

andreakeating1982/image-generation

Crea y edita imágenes: carteles, gráficos para redes sociales, miniaturas, fotos de producto, logotipos, iconos, ilustraciones, personajes, maquetas de UI, infografías, ediciones y cambios de estilo fotográfico. También decide entre una imagen generada por IA, un gráfico, un diagrama y un diseño renderizado.

¿Qué es image-generation?

Este skill está diseñado para agentes de IA que necesitan crear o editar imágenes como parte de su flujo de trabajo. Su objetivo es guiar al agente en la elección del método más adecuado para cada tipo de contenido visual, evitando el uso innecesario de generación de imágenes por IA cuando otras opciones (como gráficos de Python, diseños HTML o diagramas Mermaid) son más eficientes. El skill detalla un proceso paso a paso: primero, identificar el propósito de la imagen (vender, explicar, identificar o decorar); segundo, seleccionar la ruta correcta según el tipo de contenido (datos numéricos, hechos exactos, estructuras, activos visuales, ediciones, etc.); tercero, elaborar un brief breve y luego el prompt; y finalmente, entregar el resultado con el formato adecuado. Es compatible con herramientas como `media_generate_image` y `media_generate_from_images` (GPT Image y otros modelos), y establece reglas claras sobre el manejo de texto en imágenes, consistencia visual, conjuntos de imágenes y ediciones que preservan el resto del contenido. Además, incluye instrucciones para revisar las imágenes generadas y evitar regeneraciones innecesarias que consuman créditos. Es útil para desarrolladores, diseñadores y creadores de contenido que utilizan agentes como Claude Code, Cursor o Codex.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/andreakeating1982/Skills-didattiche-personalizzate/tree/HEAD/skills/image-generation

Installed? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Vista previa

Del README del skill

Título corto
Gráfico

Documentación

Generación de imágenes

Una buena imagen cumple su función: vende, explica, identifica o decora en el lugar donde se usará. Decide el objetivo y la ruta antes de escribir un prompt.

Elige la ruta

La imagen debe...Ruta
Graficar datos con ejes, escalas o números realesGráfico de Python (consulta el skill data-analysis). Nunca una imagen generada por IA
Mostrar hechos exactos: horarios, precios, cronogramas, itinerarios, tablas de comparación o especificaciones, listas de verificaciónDiseño HTML renderizado a PNG: references/static-layouts.md
Mostrar una estructura: diagrama de flujo, secuencia, organigrama, arquitectura, mapa mentalMermaid renderizado a PNG: references/static-layouts.md. Crea una versión pulida con IA solo si se solicita
Ser un activo visual: cartel, anuncio, publicación en redes sociales, miniatura, ilustración, foto de producto, personaje, concepto de logotipo, icono, maqueta de UI, infografía con algunos datos claveImagen generada por IA: media_generate_image
Modificar una imagen existente: editar, cambiar de estilo, reemplazar el fondo, añadir o quitar objetos, traducir su texto, combinar personas o productos, aumentar resolución o restaurarEdición con IA: media_generate_from_images
Cambiar tamaño, recortar, convertir, comprimir o unir sin añadir contenido nuevoPillow o ffmpeg en el sandbox
Ser una página web, aplicación o prototipo funcionalConstruye el software. Una imagen es el entregable incorrecto

Para personas, lugares, productos o eventos reales que el usuario quiera ver tal como son, busca fotos reales con la herramienta search (tipo image). No las generes.

Herramientas

  • media_generate_image(prompt, orientation) genera con el modelo de imagen que el usuario haya seleccionado (GPT Image por defecto, que renderiza texto correctamente). orientation puede ser square, landscape o portrait.
  • media_generate_from_images(prompt, image_urls, orientation) edita o combina imágenes. image_urls acepta URLs o rutas del sandbox como /home/user/uploads/photo.jpg. Pasa varias imágenes para combinarlas ("coloca a la persona de la primera imagen en la escena de la segunda").
  • Leer este skill desbloquea las herramientas multimedia. Si aún faltan, llama a media_generate con un resumen de una línea.
  • Cada imagen utiliza los créditos de imagen del usuario. Cuando se alcance el límite del plan, indícalo y sugiere mejorar el plan. Nunca recurras a dibujar la imagen con Python.

Brief, luego prompt

Resuelve estos puntos antes de escribir el prompt. Pregunta solo aquello que no puedas asumir de forma razonable (normalmente, texto exacto, colores de marca o fotos de referencia):

  • Propósito: qué debe lograr la imagen y dónde se usará (publicación en feed, hero de sitio web, impresión, diapositiva, tienda de aplicaciones).
  • Formato: orientación y áreas seguras (texto alejado de los bordes, espacio para un titular).
  • Sujeto: la persona, producto, escena o concepto específico.
  • Estilo: fotográfico, ilustración, 3D, vectorial plano, estilo de marca, o que coincida con una referencia.
  • Texto: las palabras exactas, organizadas como titular, subtítulo, etiquetas y llamada a la acción, o "sin texto".
  • Debe conservar: identidad, forma del producto, logotipo, colores, todo lo que esté fuera de la edición.

Los patrones de prompt para imágenes nuevas, ediciones y cada escenario están en references/prompt-recipes.md. Consúltalo para cualquier cosa más allá de una imagen simple única.

Reglas

  • Texto en imágenes. Coloca las palabras exactas entre comillas dentro del prompt y deja que el modelo las renderice. Limítate a un titular y unas pocas líneas cortas. Nunca generes un fondo en blanco y luego escribas texto sobre él con Python. Para información densa y exacta, usa la ruta de diseño HTML.
  • Consistencia. Para un personaje o producto recurrente, crea una imagen maestra y luego deriva otras poses y escenas a partir de ella con media_generate_from_images.
  • Conjuntos. Para paquetes de iconos, mazos de cartas, variantes de producto y series de carteles, crea una imagen por elemento con la misma frase de estilo. No los combines en una sola lámina a menos que se solicite.
  • Las ediciones conservan todo lo demás. Indica exactamente qué cambia y qué debe permanecer igual (rostro, pose, producto, fondo, iluminación, colores).
  • Activos transparentes. Las herramientas devuelven imágenes opacas. Genera sobre un fondo sólido y simple que no aparezca en el sujeto, luego elimínalo: una clave de color con Pillow para gráficos planos, o pip install rembg y rembg i in.png out.png para fotos. Revisa los bordes.
  • Revisa una vez, ligeramente. Observa el resultado (file_view con la URL de la imagen funciona). Confirma que se cumple la solicitud y que el texto, nombres y números requeridos son correctos.
  • Nunca generes una imagen nuevamente por tu cuenta. Cada imagen cuesta créditos. Si un resultado tiene un error real (una palabra mal escrita, un número incorrecto, un elemento faltante), muéstralo, di en una oración qué está mal, y pregunta si se debe hacer una versión corregida. Vuelve a generar sin preguntar solo cuando el usuario te haya indicado que sigas corrigiendo hasta que esté bien. Los diseños HTML no cuestan nada: corrígelos tú mismo.

Entrega

Muestra las imágenes generadas en la respuesta como markdown: ![Título corto](url). Los archivos del sandbox (renderizados, imágenes procesadas) también se pueden incrustar por ruta: ![Gráfico](/home/user/out/chart.png). Entrega los archivos finales que el usuario debe conservar con send_attachment. Después de entregar, detente. Ofrece un próximo paso útil en lugar de crear variantes adicionales que nadie pidió.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados