Ir a la guía de uso
imagegenpor OpenAI

ImageGen Skill.

Un skill de Claude Code y Codex para trabajo con imágenes: genera o edita imágenes rasterizadas: ilustraciones, fotos, texturas, sprites, maquetas.

  • Imágenes y arte generativo
  • Image
openai/skills · skills/.system/imagegen/SKILL.mdSKILL.md
--- name: imagegen description: Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better … --- ## Top-level modes and rules ## When to use ## When not to use ## Decision tree ## Workflow ## Prompt augmentation
Encabezados de sección y metadatos leídos del archivo original el 14/09/2026 · 16 170 caracteres en total

01 Qué hace

Qué Hace el Skill imagegen en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Imagegen le da a Codex un flujo de trabajo de imágenes ráster: generar o editar activos de mapa de bits como fotos, ilustraciones, texturas, sprites, mockups y recortes con fondo transparente, y luego incorporar el archivo terminado al proyecto. Define dos modos de nivel superior: la herramienta integrada preferida image_gen, que no necesita clave de API, y una alternativa de CLI solo explícita mediante scripts/image_gen.py que requiere OPENAI_API_KEY.

El archivo separa la intención (generar frente a editar) de la ejecución (un activo o varios), recopila prompts, texto literal, restricciones e imágenes de entrada etiquetadas por rol, y las reorganiza en un esquema etiquetado. Termina con validación respecto a sujeto, estilo, composición y precisión del texto, iteración de un solo cambio y guardados no destructivos.

Qué produce

  • Una imagen de mapa de bits producida mediante image_gen en lugar de un marcador de posición SVG, HTML/CSS o canvas, siempre que el usuario haya solicitado un activo de estilo ráster.
  • La imagen final seleccionada, movida o copiada al espacio de trabajo, con cualquier código o referencia que la consuma actualizado para apuntar a ella.
  • Un informe final que indica la ruta final guardada de cualquier activo vinculado al espacio de trabajo, el prompt final y qué modo lo produjo.
  • Solo en la alternativa de CLI explícita, los artefactos finales se escriben en output/imagegen/.
Ver el ejemplo de prompt ↗

Cómo funciona

  1. 01
    Elija Primero el Modo de Nivel Superior

    La generación y edición normales pasan por la herramienta integrada image_gen; la CLI incluida es una alternativa que el usuario debe solicitar explícitamente por su nombre.

  2. 02
    Clasifique la Solicitud como Generación o Edición

    Modificar una imagen existente conservando partes de ella es una edición; proporcionar imágenes puramente como referencias de estilo, composición o ambiente sigue siendo una generación.

  3. 03
    Decida Dónde Vive la Salida

    El trabajo de vista previa o de exploración de ideas puede permanecer en línea en la ubicación predeterminada, mientras que todo lo que consuma el proyecto debe terminar en el espacio de trabajo.

  4. 04
    Recopilar las entradas antes de generar

    Reúna el prompt, cualquier texto exacto dentro de la imagen, las restricciones o lista de exclusiones, y todas las imágenes de entrada por adelantado, en lugar de completar los vacíos más adelante.

  5. 05
    Transformar el prompt en una especificación

    Los prompts se normalizan en una especificación estructurada y orientada a producción, en lugar de expandirse con detalle creativo no solicitado.

  6. 06
    Emitir una llamada por cada asset

    En la ruta integrada, los lotes y variantes provienen de llamadas repetidas a image_gen, una por cada asset o variante solicitada, no de un único indicador de lote.

02 Encuentra tu caso de uso

Cuándo Usar el Skill imagegen

Usa el skill imagegen en Claude Code o Codex cuando el trabajo sea de este tipo. El alcance y los límites a continuación provienen del archivo propio del skill.

Buen caso de uso

  • Producir un bitmap completamente nuevo, como arte conceptual, una foto de producto, una portada o una imagen hero de sitio web.
  • Generar una imagen nueva donde las imágenes proporcionadas actúan solo como referencia de estilo, composición o ambiente.
  • Editar una imagen existente para tareas como cambios de iluminación o clima, sustitución de fondo, eliminación de objetos, composición o recortes con fondo transparente.
  • Producir muchos assets o variantes para una sola tarea en lugar de una única imagen.

Conozca los límites

  • Ampliar o igualar un conjunto de iconos SVG/vectoriales, un sistema de logotipo o una biblioteca de ilustraciones que ya existe en el repositorio.
  • Formas simples, diagramas, wireframes o iconos que resultan más limpios construidos directamente en SVG, HTML/CSS o canvas.
  • Ediciones pequeñas de assets locales del proyecto donde el archivo fuente ya existe en un formato nativo editable.
  • Cualquier tarea en la que el usuario claramente desee un resultado determinista y nativo de código en lugar de un bitmap generado.

Qué proporcionar

  • La solicitud principalEl prompt principal del usuario proporciona el sujeto y el objetivo, y se traslada a la especificación como la línea de solicitud principal.
  • Imágenes de entrada con roles explícitosCada imagen proporcionada se etiqueta como imagen de referencia, objetivo de edición o entrada de apoyo para inserción/estilo/composición antes de la generación.
  • Texto exacto y su tipografíaCualquier palabra que deba aparecer dentro de la imagen se cita textualmente, especificando junto a ella el tipo de letra y la ubicación.
  • Invariantes y lista de exclusionesPara las ediciones, lo que no debe cambiar se escribe explícitamente, como cambiar solo X manteniendo Y sin modificar.
  • Uso previsto del assetIndicar si la imagen es un anuncio, una maqueta de UI o una infografía define el modo y el nivel de acabado que busca el prompt.

03 Dentro del skill

Reglas que el skill imagegen da a Claude Code y Codex

8 instrucciones concretas, valores por defecto y límites que SKILL.md fija para el agente: la parte del archivo que cambia el resultado.

  1. La herramienta integrada es la predeterminada

    Toda solicitud ordinaria de generación o edición pasa por la herramienta integrada image_gen, que no requiere OPENAI_API_KEY.

  2. Nunca degrada por sí mismo

    El agente no debe moverse por sí mismo a la ruta de CLI; ese cambio es siempre decisión del usuario.

  3. CLI solo cuando se solicite

    Si el usuario elige el modo CLI, utilice el flujo de trabajo incluido en scripts/image_gen.py y no escriba ejecutores de SDK improvisados.

  4. El script incluido es de solo lectura

    scripts/image_gen.py nunca se modifica; si falta algo en él, pregunte al usuario antes de hacer cualquier otra cosa.

  5. Los activos del proyecto no pueden permanecer en $CODEX_HOME

    Un archivo referenciado por el proyecto debe moverse o copiarse fuera de la ubicación predeterminada de imágenes generadas antes de finalizar la tarea.

  6. Versionar en lugar de sobrescribir

    Los activos existentes solo se sustituyen cuando el usuario lo solicita explícitamente; de lo contrario, el nuevo archivo recibe un nombre versionado paralelo, como hero-v2.png.

  7. Preservar los invariantes en las ediciones

    El trabajo de edición fija lo que no debe cambiar y guarda de forma no destructiva en lugar de reescribir el activo original.

  8. Sin manejo de claves en la ruta integrada

    El agente nunca solicita OPENAI_API_KEY mientras usa image_gen, ni pide al usuario que pegue una clave completa en el chat.

04 Ponlo a trabajar

Instalar imagegen en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Agregar imagegen a Claude Code, Codex o tu agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal
npx skills add https://github.com/openai/skills --skill imagegen

Forma genérica de CLI de skills para skills/.system/imagegen/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al Skill una primera tarea de trabajo con imágenes

Adapta esta instrucción con tu propio contenido y restricciones, luego ejecútala en Claude Code o Codex.

Example prompt
Use case: product-mockup Asset type: landing page hero Primary request: a minimal hero image of a ceramic coffee mug Style/medium: clean product photography Composition/framing: wide composition with usable negative space for page copy if needed Lighting/mood: soft studio lighting Constraints: no logos, no text, no watermark

Fuente: ejemplo de SKILL.md (textual).

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

  • Compruebe el resultado frente al sujeto, el estilo, la composición, la precisión del texto y los invariantes, y evite los elementos acordados de antemano.
  • Continúe con un único cambio específico y vuelva a comprobar, en lugar de agrupar varios cambios en una sola iteración.
  • En las ediciones, repita los invariantes en cada iteración para que la imagen no se desvíe de lo que debía permanecer inalterado.

En OpenDesign imagegen viene incluido: Plugins → Skills, selecciónelo en la barra superior.

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author
OpenAI
Repository
github.com/openai/skills Rama main
Archivo de skill
skills/.system/imagegen/SKILL.md Suma de verificación del contenido registrada en la verificación; commit 49f948f
License
Apache-2.0 De skills/.system/imagegen/LICENSE.txt. El skill es de código abierto; la generación de imágenes aún depende de un servicio alojado.
Estrellas del repositorio
27.129 Instantánea de GitHub tomada el 14-09-2026 para todo el repositorio openai/skills. No es una calificación ni un recuento de uso para imagegen.
Verificado por OpenDesign
14-09-2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. Incluido en OpenDesign main (verificado el 28-08-2026); no se ha registrado una ejecución real en esta página.

Dentro del SKILL.md

  1. Modos y reglas de nivel superiorimage_gen integrado es el predeterminado; el respaldo por CLI es solo explícito, con precedencia de ruta de guardado y límites de sobrescritura.
  2. Cuándo usarloImágenes nuevas, generación guiada por referencias, ediciones de imágenes existentes y múltiples activos o variantes.
  3. Cuándo no usarloSistemas vectoriales nativos del repositorio, formas nativas de código, archivos nativos editables y salidas deterministas nativas de código.
  4. Árbol de decisiónSepara la intención (generar frente a editar) de la estrategia de ejecución (un activo frente a varios).
  5. Flujo de trabajoDiecisiete pasos ordenados desde la elección del modo hasta la construcción del prompt, la generación, la validación y el informe.
  6. Aumento de promptsEstructura los prompts en una especificación de producción, con aumentos permitidos y prohibidos según la especificidad.
  7. Taxonomía de casos de uso (slugs exactos)Slugs fijos de generación y edición para mantener la coherencia entre prompts y referencias.
  8. Esquema de prompt compartidoCampos de estructura etiquetados como tipo de asset, escena, sujeto, iluminación, texto literal y lista de elementos a evitar.
  9. EjemplosUna especificación de generación de imagen hero y una especificación de edición de reemplazo de fondo que nombra sus invariantes.
  10. Buenas prácticas de promptingOrden, cita del texto exacto, indexación de varias imágenes e iteración con ajustes de un solo cambio.
  11. Guía por tipo de assetRemite las plantillas por tipo de asset para sitios web, juegos, wireframes y logotipos a sample-prompts.md.
  12. Solo modo CLI de respaldoConvenciones de temp y salida del CLI, dependencias de uv y pasos de configuración de OPENAI_API_KEY.
La descripción propia del Skill
"Generar o editar imágenes raster cuando la tarea se beneficia de visuales bitmap creados por IA como fotos, ilustraciones, texturas, sprites, mockups o recortes con fondo transparente. Usar cuando Codex deba crear una imagen nueva, transformar una imagen existente o derivar variantes visuales de referencias, y la salida deba ser un asset bitmap en lugar de código nativo del repositorio o vector. No usar cuando la tarea se maneje mejor editando assets SVG/vectoriales/nativos en código existentes, extendiendo un sistema de iconos o logos establecido, o construyendo lo visual directamente en HTML/CSS/canvas."

Descripción del encabezado de SKILL.md. El archivo completo tiene aproximadamente 16.170 caracteres. Lea el archivo completo en GitHub.

ImageGen

Ejecute imagegen en una tarea de trabajo con imágenes real.

El skill imagegen viene incluido en OpenDesign. Descargue la aplicación, seleccione el skill en Plugins → Skills, pegue el prompt anterior y lea el plan antes del resultado.

Terminal
npx skills add https://github.com/openai/skills --skill imagegen