CommunityImagengithub.com

liusucheng1999-lab/imagegen-poster-workflow

Usa ImageGen integrado para concebir, generar, rediseñar o modificar parcialmente pósteres, imágenes de marca, portadas y materiales promocionales. Ideal para tareas de ChatGPT Work o Codex que requieren generación visual completa, proteger referencias de marca y materiales reales, revisión por ítems y reelaboración continua.

¿Qué es imagegen-poster-workflow?

Este skill define un flujo de trabajo completo para la creación y edición de pósteres utilizando ImageGen, el generador de imágenes integrado en la plataforma. Está diseñado para asistentes de IA como ChatGPT Work o Codex, y proporciona un proceso estructurado que abarca desde la comprensión de requisitos hasta la entrega final. El skill distingue tres modos de diseño: Generate (creación desde cero), Redesign (rediseño visual basado en un póster existente) y Edit (modificación localizada de una versión específica). Además, establece reglas claras para el manejo de imágenes de referencia, materiales originales (como logotipos o códigos QR), la protección de texto exacto, y la validación tanto de contenido como de diseño general. El flujo enfatiza la documentación de decisiones, el versionado de entregables y la verificación iterativa con el usuario, asegurando que cada póster cumpla con los requisitos funcionales y estéticos antes de ser considerado final.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/liusucheng1999-lab/imagegen-poster-workflow/tree/HEAD

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.

Documentación

Flujo de trabajo para pósteres

Requisitos y modos

A partir de las solicitudes de esta ronda, el contexto confirmado y los materiales del proyecto, extrae el propósito, la ubicación de publicación, la acción que el espectador debe realizar, el formato, el texto exacto, las funcionalidades necesarias, los materiales bloqueados y los elementos prohibidos. Para continuaciones, hereda los requisitos confirmados aún aplicables. Primero consulta los materiales e información existentes, y luego pregunta solo por los elementos clave que realmente falten. Los detalles de diseño convencionales los decides tú.

Registra en una lista breve los elementos necesarios para la entrega y su fuente, separando los requisitos confirmados de las suposiciones de diseño actuales. Si el propósito incluye escanear un código para acceder a un producto, localiza el código funcional real antes del primer boceto e integra la entrada del código en el diseño. La necesidad del código se determina por el propósito y el contexto. Si faltan materiales esenciales, indica qué falta específicamente y mantén los requisitos de entrega; solo entrega un boceto con estado claro cuando el usuario quiera ver direcciones o acepte una vista previa.

ModoCuándo usarloAlcance de cambios
GenerateDiseño desde cero, o solo con referencias de estilo, contenido, etc.Libertad para concebir todo el póster dentro de las restricciones de requisitos y marca
RedesignEl usuario quiere rediseñar visualmente un póster existenteBloquear identidad de marca, información central y materiales especificados; se permite rediseñar composición, jerarquía y estilo visual
EditEl usuario solicita cambios específicos en una versiónPartir de la versión seleccionada o la última aprobada; modificar solo el objetivo y las áreas adyacentes necesarias, protegiendo el resto

Estos tres modos describen la intención de diseño. Según la tarea, utiliza la generación, referencia o edición que admita el ImageGen integrado actual.

Imágenes de referencia y originales

Para cada imagen, indica su rol, qué elementos se tomarán prestados o bloquearán, el rango de variables y los detalles que deben descartarse. Una imagen puede tener múltiples roles; descríbelos por área.

  • Referencia de estilo: toma iluminación, color, medio o textura. Referencia de composición: toma centro visual, recorrido visual o relaciones de diseño. Referencia de contenido: toma escenas o hechos de objetos. Excluye texto, códigos y patrones irrelevantes de las imágenes de referencia.
  • Referencia de marca o personaje: bloquea características que identifican la identidad, como silueta, proporciones, colores, logotipos y apariencia del producto. Base de edición: es la referencia para modificaciones dirigidas y verificación de aceptación.
  • Materiales que deben usarse tal cual: conserva archivos fuente independientes, incluidos códigos funcionales, logotipos oficiales, imágenes de texto ya aprobadas o materiales de producto específicos. Mantén los originales y bases sin modificar; cada ronda de generación o edición se envía a una nueva versión.
  • Referencias estéticas: prioriza obras aprobadas por el usuario o referencias de diseño proporcionadas explícitamente; registra las características específicas que se deben lograr esta vez. Las imágenes de personajes solo restringen la identidad del personaje, no justifican por sí solas la elección de estilo de todo el póster. Las imágenes históricas del proyecto deben verificar su propósito y estado de aprobación; los bocetos rechazados se utilizan para registrar direcciones fallidas.
  • En caso de conflicto, prioriza los requisitos del usuario de esta ronda y los elementos bloqueados explícitamente. Luego, sigue las restricciones de marca confirmadas y, por último, toma prestado estilo o composición. Pasa las imágenes de referencia relevantes y la base de edición a ImageGen, y explica el rol de cada una en el prompt. Si faltan bases clave o no se pueden transmitir imágenes, pide al usuario que las adjunte nuevamente.

Creatividad y generación de imágenes

  1. Primero determina la tarea de comunicación que este diseño debe resolver y la base de la dirección elegida. Describe en una o dos oraciones cómo la línea visual principal, la prioridad de la información y la entrada funcional sirven juntas a la tarea. La elección de estilo debe vincularse al propósito o a la referencia estética. Si la base estética es insuficiente, marca la dirección como una hipótesis por verificar y continúa con bocetos comparables.
  2. Cuando la dirección esté clara, genera directamente. Si en Generate o Redesign hay discrepancias evidentes de dirección, primero presenta unas pocas candidatas que sean realmente diferentes en concepto u organización visual, filtrándolas con el propósito y la referencia estética, y registra brevemente la razón. Si la idea textual aún es insuficiente para decidir, genera primero dos muestras comparables, según la cantidad o rango que especifique el usuario. Cada una debe incluir el texto necesario, las áreas funcionales y las restricciones de marca, asegurando que la comparación sea de diseño general. Edit sigue la dirección ya aprobada y define objetivos locales.
  3. En el prompt, escribe primero la tarea y el texto exacto, luego los roles de referencia, elementos protegidos, y una breve línea creativa principal y jerarquía de información. Deja que ImageGen gestione la composición concreta, la relación entre texto e imagen, la iluminación y los materiales. Solo cuando el usuario lo especifique, sea necesario para alinear referencias, para modificaciones locales o para incrustar materiales reales, limita la posición, proporción y coordenadas exactas. Evita bloquear todas las suposiciones no verificadas sobre fuentes, colores, posturas, texturas y diseños. Incluye solo el texto visible que el usuario haya confirmado o que sea necesario para la tarea, y conserva toda la información obligatoria.
  4. Antes de llamar a ImageGen, revisa elemento por elemento la lista de entrega con el prompt real enviado, verificando omisiones, degradaciones no autorizadas a boceto, si se ha escrito algo necesario como prohibido, y si las imágenes de referencia se han transmitido realmente. Al incrustar materiales originales después, también debes incluir su espacio y jerarquía en el prompt y registrar los pasos de incrustación posteriores. Si encuentras conflictos, corrige el prompt primero.
  5. En la sesión actual, llama a ImageGen integrado para que el título, la ilustración, el diseño y los elementos visuales se generen juntos, obteniendo un póster completo y autónomo. Cuando sea necesario incrustar materiales reales tal cual, organiza las áreas correspondientes en la composición; el resto del diseño y los visuales los completa ImageGen. Evita generar por defecto una imagen base sin texto, o dibujar todo el póster con HTML/CSS, SVG o Python. Si las herramientas integradas no están disponibles, indícalo honestamente; solo si el usuario lo autoriza explícitamente, se debe usar una ruta que requiera API Key o costos adicionales.

Protección de texto y códigos funcionales

  • Texto: usa el texto original proporcionado por el usuario. Conserva carácter por carácter el chino simplificado/tradicional, números, fechas, puntuación, mayúsculas/minúsculas en inglés y nombres propios. El texto común se lo dejas a ImageGen para que lo genere junto con la imagen y luego lo verificas. Si se necesita conservar materiales de texto existentes a nivel de píxel, usa directamente los originales. Si el texto clave sigue teniendo errores después de ediciones dirigidas y la entrega requiere precisión palabra por palabra, puedes usar el texto original confirmado para una composición tipográfica exacta en el área correspondiente.
  • Códigos QR, códigos de miniprograma y logotipos oficiales: usa los originales proporcionados o confirmados por el usuario. Los códigos funcionales de la versión final siempre provienen de los originales reales. Cuando el usuario lo solicite y las reglas de la herramienta actual lo permitan, usa una herramienta determinista para incrustarlos solo en el área correspondiente, manteniendo la proporción y nitidez. Los códigos funcionales deben conservar el patrón completo, el área de silencio y el contraste, evitando superposiciones, deformaciones, recortes y filtros. Después de la incrustación, vuelve a verificar la composición, la jerarquía y la relación del área de escaneo del producto final. Después de generar la imagen, según el tamaño de publicación final, usa la entrada correspondiente para verificar el reconocimiento; si se conoce el objetivo, verifica si es correcto. Los códigos de miniprograma se verifican con WeChat. Los resultados que dependen del negocio real, como la atribución, se marcan por separado con su estado de verificación.
  • Si falta el original del código funcional, pide al usuario que lo proporcione. Los bocetos de vista previa pueden dejar el área funcional vacía, evitando dibujar con modelos un código que parezca utilizable. Si no se puede verificar el escaneo real, marca en las notas de entrega "Pendiente de escaneo real" y mantén la tarea pendiente para la aceptación de publicación. Si el usuario solicita exclusivamente ImageGen y prohíbe la composición, respeta la restricción y explica los ítems que involucran texto exacto, protección a nivel de píxel o escaneo real que quedan pendientes de verificación.

Aceptación y modificación dirigida

  • Aceptación de contenido y funcionalidad. Revisa texto, tamaño, identidad de marca, originales, entrada funcional y elementos prohibidos según la lista de entrega. Verifica recortes, formas de letras, contraste y artefactos al tamaño original. Corrige omisiones, errores tipográficos, cambios en materiales bloqueados o fallos de escaneo real. Enumera el estado de los elementos no verificados.
  • Aceptación de diseño general. Compara la imagen completa y la miniatura de publicación real con la referencia estética o las candidatas, y determina si la línea visual principal funciona, si la jerarquía de información es clara, si el texto, la imagen y las áreas funcionales forman un conjunto, y si el nivel de acabado del estilo alcanza la referencia. Registra brevemente la base visual concreta para decidir la selección o el retrabajo. Si solo hay un boceto y falta una referencia estética, la evaluación estética se mantiene provisional; si es necesario, agrega un candidato realmente diferente. La corrección del texto, la consistencia de píxeles y "inspección visual realizada" no reemplazan el juicio de diseño general.
  • Registra las conclusiones por separado. El contenido/funcionalidad, el diseño general y la aprobación del usuario se registran cada uno por separado. Solo cuando los dos primeros cumplan con los requisitos de esta ronda, se presenta como candidato final. Los resultados de la verificación con herramientas solo respaldan los elementos correspondientes. Si el usuario aún no ha aprobado, mantén el estado "pendiente de retroalimentación"; si la retroalimentación es negativa, revoca la conclusión de diseño aprobado para esa versión.
  • Ante comentarios negativos, primero verifica las decisiones. Al recibir comentarios como "no me gusta" o "la dirección no es correcta", primero revisa la comprensión del propósito, la referencia estética, el alcance de uso de los materiales/imágenes de roles y la base de selección de candidatos, y luego determina la nueva hipótesis a verificar en la siguiente ronda. Si ya hay una dirección aprobada y el problema es local y claro, entra en Edit. Si la dirección general no está establecida, entra en Redesign, cambiando el concepto o la organización visual, evitando solo agregar instrucciones de maquetación o reemplazar decoraciones. Si se necesita complementar la base estética, reutiliza referencias confirmadas o usa bocetos claramente diferentes para que el usuario compare.
  • Modificación dirigida y parada. Las modificaciones locales parten de la versión seleccionada por el usuario o la que más se acerque a los requisitos. Cada ronda se centra en corregir un elemento o un grupo de problemas relacionados. Después de la corrección, compara con la base para verificar el objetivo y las áreas no relacionadas, y luego revisa las dos aceptaciones nuevamente. Si la misma hipótesis no mejora después de reintentos, vuelve al paso anterior para cambiar de dirección o informa el punto de bloqueo específico. Mantén las limitaciones de alcance del usuario y evita regenerar continuamente sin fundamento.

Prompt, versionado y entrega

  • Conserva la solicitud original del usuario, los elementos necesarios para la entrega y su fuente, y el prompt completo realmente enviado en cada ronda. Además, registra el modo, la versión base, las imágenes de referencia y originales realmente transmitidos, la base de la dirección, los puntos de modificación y el estado de aceptación registrado por separado. Cuando ocurran comentarios negativos, registra la hipótesis rechazada y los cambios a verificar en la siguiente ronda. El prompt es un registro factual; los resúmenes posteriores se registran por separado.
  • Usa el mismo nombre de proyecto con versiones incrementales (por ejemplo, poster-v01.png, poster-v02.png) y registra el prompt correspondiente y la versión padre de cada una. Conserva los materiales originales, la base seleccionada por el usuario y la versión finalmente elegida. Al reelaborar, comienza desde una versión clara. Si se incrustaron originales, distingue entre la imagen original de ImageGen y el producto final entregado, y registra los elementos incrustados.
  • Guarda los productos finales en la ubicación especificada por el usuario o según la convención del proyecto. Al guardar archivos, coloca el prompt y el registro de versiones junto con el diseño correspondiente, o utiliza el registro existente del proyecto. Si solo se previsualizan en el chat, la imagen entregada y el prompt real pueden permanecer en la sesión. Por defecto, entrega el producto final que ha pasado la aceptación y señala claramente los elementos que el usuario aún debe verificar.

Skills relacionados