Ilustraciones para Publicaciones
Regla Principal
No reduzcas este flujo de trabajo a "analizar contenido -> elegir plantilla -> generar imagen". La estabilidad depende de las capas intermedias:
análisis de contenido
-> tipo de contenido y necesidad de expresión
-> Style Spec a nivel de suite
-> selección de anclajes
-> lista de tomas
-> estructura de contenido por imagen
-> metáfora visual por imagen
-> restricciones de estilo visual seleccionado
-> reserva de espacio de marca cuando el Brand Plugin está activado
-> prompt individual sin elementos de marca o insignias de página dibujados por el modelo
-> generación nativa de imágenes de Codex
-> superposición opcional del Brand Plugin usando el espacio del Style Spec seleccionado
-> QA y plan de contingencia
-> activos guardados y notas de entrega
Lee siempre el contenido antes de elegir un estilo visual. Utiliza un solo estilo a nivel de suite para todo el conjunto de imágenes. Varía cada imagen solo a través de su estructura de contenido y metáfora visual.
Límite de Arquitectura
Style Spec es la autoridad para la plantilla visual de cada plataforma. Controla el tamaño del lienzo, la relación de aspecto, los valores de color fijos, el diseño, las áreas seguras, las restricciones negativas y los espacios fijos para componentes, como el espacio de marca.
Brand Plugin es opcional y conectable. Solo decide si una marca está activada y qué activo de marca usar. No debe decidir el tamaño del lienzo, la paleta de colores, las coordenadas ni el diseño de la plataforma. Cuando esté activado, el Brand Plugin debe obedecer el espacio de marca del Style Spec seleccionado. Si el estilo seleccionado no tiene espacio de marca, no improvises una ubicación global.
El modelo de imagen no debe dibujar logotipos, TF, Tranfu, marcas de agua, insignias de número de página u otros componentes fijos de marca. Estos se omiten o se añaden después de la generación mediante un paso de superposición determinista.
Alcance Compatible
Soporte sólido:
- Ilustraciones de cuerpo para cuentas oficiales de WeChat.
- Ilustraciones de notas de Xiaohongshu, incluyendo imágenes de portada y carrusel de contenido.
- Ilustraciones de publicaciones de Zhihu.
- Explicadores de métodos, flujos de trabajo, conceptos, comparaciones, listas de verificación, límites y diagramas de decisión.
Soporte condicional:
- Conjuntos de imágenes que requieren capturas de pantalla reales de productos o datos factuales: solicita el material o declara la suposición.
- Nombres de estilo explícitos: usa el archivo de estilo coincidente si existe.
- Número de imágenes explícito: anula el número predeterminado del estilo seleccionado.
Fuera del alcance:
- Fotografía pura, retoque de retratos, maquetas de productos o campañas de marca fotorrealistas.
- Tareas donde el texto largo exacto dentro de las imágenes sea obligatorio. La generación nativa de imágenes puede distorsionar el texto; usa etiquetas cortas y reintenta con menos texto si es necesario.
- Cualquier solicitud de enrutamiento a través de otras habilidades de generación de imágenes, a menos que el usuario lo solicite explícitamente.
Referencias Requeridas
Usa las referencias según sea necesario, no todas a la vez:
- Comienza con
references/style-index.mdpara identificar la plataforma y los archivos de estilo candidatos. - Lee completamente el archivo seleccionado en
references/styles/antes de compilar los prompts. - Lee
references/brand.mda menos que el usuario deshabilite explícitamente el Brand Plugin. - Lee
references/content-structures.mdal seleccionar las estructuras de expresión por imagen. - Lee
references/prompt-compiler.mdantes de escribir los prompts de generación finales. - Lee
references/qa-checklist.mdantes de la entrega o la regeneración. - Lee
references/product-design.mdsolo cuando mantengas o extiendas este skill.
Flujo de Trabajo
1. Recepción
Determina la plataforma, el contenido fuente, la salida solicitada, el estilo explícito, el número explícito, la ubicación de salida y si el Brand Plugin está deshabilitado.
Si la plataforma no se puede inferir, haz una pregunta concisa. Si la plataforma es clara y el contenido está disponible, procede sin pedir confirmación.
Sal cuando:
- La plataforma sea conocida.
- El contenido fuente esté disponible.
- Cualquier anulación explícita de número/estilo/marca esté capturada.
2. Análisis de Contenido
Lee el contenido fuente completo. Resume la línea principal en 3-5 oraciones, luego clasifica la necesidad de expresión:
- Explicación de concepto
- Flujo de trabajo/proceso
- Comparación antes-después
- Marco en capas
- Errores comunes o límites
- Árbol de decisión
- Lista de verificación o resumen
- Historia/transición de estado
Sal cuando la afirmación central, el valor para la audiencia y las partes visualizables estén claros.
3. Seleccionar Style Spec a Nivel de Suite
Usa references/style-index.md para elegir un estilo para todo el conjunto.
Reglas:
- El estilo explícito del usuario gana si existe.
- De lo contrario, elige el mejor estilo de plataforma según el tipo de contenido y la necesidad de expresión.
- No decidas el número de imágenes, la relación de aspecto, la paleta, el área segura ni los espacios de componentes fijos antes de seleccionar el estilo. Estos provienen del archivo de estilo o de su Style Spec legible por máquina, a menos que el usuario los anule explícitamente.
- Para Zhihu, usa el estilo fijo de Zhihu a menos que futuros archivos de estilo agreguen alternativas.
Sal cuando un archivo de estilo esté seleccionado y leído completamente.
4. Seleccionar Anclajes
Elige solo los puntos del contenido que merezcan imágenes. No crees imágenes para cumplir una cuota.
Buenos anclajes incluyen:
- Juicio central
- Giro cognitivo
- Bucle entrada-salida
- Contraste antes-después
- Error común
- Punto de ruptura del proceso
- Cambio de rol/estado
- Capa del método
- Relación de confianza, conversión o traspaso
Sal cuando cada anclaje seleccionado pueda responder: "¿por qué esto necesita una imagen?"
5. Construir Lista de Tomas
La lista de tomas es obligatoria. Cada imagen debe contener:
- Ubicación o secuencia
- Tema
- Un significado central
- Estructura de expresión de contenido
- Metáfora visual
- Acción del actor/objeto principal
- Elementos sugeridos
- Etiquetas cortas
- Reservas de componentes fijos del Style Spec seleccionado, si las hay
- Riesgo de QA
Cada imagen debe expresar exactamente una idea central. Si una imagen contiene múltiples ideas, divídela o elimínala.
6. Compilar Prompts
Para cada imagen, combina:
- Anclaje de contenido del usuario
- Archivo de estilo a nivel de suite seleccionado
- Estructura de contenido por imagen
- Metáfora visual por imagen
- Áreas seguras y reservas de componentes fijos del Style Spec
- Estado del Brand Plugin de
references/brand.md - Restricciones de generación nativa de Codex
- Restricciones negativas del estilo y las referencias de QA
Genera un prompt por imagen. No le pidas al modelo de imagen que cree un conjunto completo de múltiples imágenes en una sola llamada.
Si un archivo de estilo contiene un lenguaje de lote como "generar todo el conjunto", trátalo como guía de planificación para el número, la secuencia y la coherencia. Aún así, compila y genera una imagen a la vez.
El prompt debe prohibir explícitamente los logotipos dibujados por el modelo, TF, Tranfu, las marcas de agua y las insignias de número de página. Cuando el Brand Plugin esté activado, pídele al modelo que mantenga limpio el espacio de marca del Style Spec seleccionado para que el activo de marca real pueda superponerse después de la generación.
7. Generar Una Imagen a la Vez
Usa solo la generación nativa de imágenes de Codex. No invoques otras habilidades de imagen por defecto.
Después de cada generación:
- Guarda la imagen en el proyecto actual, no en la carpeta del skill.
- Ruta de salida recomendada:
post-illustration-output/<slug-del-contenido>/. - Guarda las imágenes generadas de forma nativa en
images/unbranded/cuando el Brand Plugin esté activado. - Guarda los entregables después de la superposición en
images/branded/cuando el Brand Plugin esté activado. - Si el Brand Plugin está deshabilitado, guarda los entregables en
images/. - Usa nombres de archivo ordenados, por ejemplo
01-portada.png,02-punto-de-ruptura-del-proceso.png.
7.5 Aplicar Superposición del Brand Plugin
Si el Brand Plugin está activado y el Style Spec seleccionado define un espacio de marca:
- Usa el activo de marca real de
references/brand.md. - Superpone el activo después de la generación de la imagen. No le pidas al modelo de imagen que redibuje el logotipo.
- Usa el espacio, el tamaño y las reglas de área segura del Style Spec seleccionado.
- Conserva la imagen generada sin marca a menos que el usuario solicite explícitamente reemplazarla.
- Para el estilo de revista de Xiaohongshu, usa
scripts/apply-brand-overlay.mjsconreferences/styles/xhs-style-journal.spec.json. - El script de superposición no tiene dependencias npm, pero requiere que
rsvg-convertesté disponible en la máquina.
8. QA y Plan de Contingencia
Revisa cada imagen contra references/qa-checklist.md.
Si una imagen falla, identifica la razón antes de reintentar:
- Error de texto: reduce el texto, conserva solo etiquetas cortas, regenera.
- Demasiadas ideas: divide o elimina anclajes.
- Deriva de estilo: refuerza la fuente de estilo seleccionada y las restricciones negativas.
- Metáfora débil: reescribe la acción física y el objeto.
- La marca fue dibujada por el modelo: regenera con restricciones "sin logotipo/sin TF/sin Tranfu" más fuertes, luego aplica la superposición del Brand Plugin.
- La superposición de marca bloquea el contenido: usa el espacio de marca reservado del Style Spec; si el contenido ocupa ese espacio, regenera con un área reservada más clara.
- Diseño demasiado vacío o abarrotado: ajusta la estructura, no todo el estilo.
9. Guardar y Entregar
Crea o actualiza manifest.md en la carpeta de salida con:
- Archivo
- Plataforma
- Estilo
- Brand Plugin activado/desactivado
- Estado de QA del estilo
- Estado de QA del Brand Plugin, si está activado
- Ubicación/secuencia
- Significado central
- Estructura
- Metáfora visual
- Estado de QA
La respuesta final debe incluir:
- Ruta de salida.
- Número de imágenes.
- Qué estilo se usó.
- El uso de cada imagen.
- Conclusión de QA y cualquier riesgo residual.
No Negociables
- Analiza el contenido antes de la selección de estilo.
- Usa un único estilo visual a nivel de suite para todo el conjunto.
- Nunca te saltes la lista de tomas.
- Cada imagen expresa un solo significado central.
- La estructura de expresión de contenido organiza la información.
- La metáfora visual convierte la abstracción en una escena concreta.
- El Style Spec a nivel de suite controla la apariencia de la plataforma, las dimensiones, los colores, el diseño, las áreas seguras y los espacios de componentes fijos.
- Brand Plugin está activado por defecto solo cuando el Style Spec seleccionado define un espacio de marca; debe obedecer ese espacio y no debe comportarse como un sistema visual global.
- El modelo de imagen no debe dibujar logotipos de marca ni insignias de número de página.
- Genera y revisa con QA una imagen a la vez.
- Guarda los activos generados fuera de la carpeta del skill.