Communitygithub.com

BruceL017/ilustraciones-para-publicaciones

Skill de Codex para generar ilustraciones estables en chino para publicaciones en WeChat, Xiaohongshu y Zhihu.

¿Qué es ilustraciones-para-publicaciones?

Este skill de Codex está diseñado para generar ilustraciones de alta calidad y estéticamente coherentes para publicaciones en plataformas chinas como WeChat, Xiaohongshu y Zhihu. Su núcleo es un flujo de trabajo estructurado que garantiza la estabilidad visual y la relevancia del contenido, evitando simplificaciones como “analizar contenido -> elegir plantilla -> generar imagen”. En su lugar, emplea capas intermedias como el análisis de contenido, la selección de un Style Spec (especificación visual) a nivel de suite, la creación de una lista de tomas, la definición de metáforas visuales y la generación de prompts individuales. El skill integra un Brand Plugin opcional que superpone activos de marca reales después de la generación, sin que el modelo de imagen dibuje logotipos u otros elementos de marca. También sigue estrictas reglas de control de calidad, incluyendo la verificación contra una lista de verificación y la regeneración basada en problemas identificados. Está optimizado para explicadores de métodos, flujos de trabajo, comparativas, listas de verificación y árboles de decisión, y es compatible con estilos predefinidos para cada plataforma.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add BruceL017/post-illustration-images

Preguntar en tu IA favorita

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

Documentación

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.md para 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.md a menos que el usuario deshabilite explícitamente el Brand Plugin.
  • Lee references/content-structures.md al seleccionar las estructuras de expresión por imagen.
  • Lee references/prompt-compiler.md antes de escribir los prompts de generación finales.
  • Lee references/qa-checklist.md antes de la entrega o la regeneración.
  • Lee references/product-design.md solo 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.mjs con references/styles/xhs-style-journal.spec.json.
  • El script de superposición no tiene dependencias npm, pero requiere que rsvg-convert esté 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.

Skills relacionados