Ir a la guía de uso
Baoyu Article Illustratorpor Jim Liu (Baoyu)

Baoyu Article Illustrator Skill.

Ilustra el argumento en el punto adecuado del artículo, en lugar de decorar todas las secciones por igual.

  • Ilustración editorial
  • Diseño de contenido
Revisión de la fuente · Baoyu Article IllustratorSKILL.md
Tarea Ilustración editorial Produce • Un esquema de ilustraciones con posiciones y propósitos en el artículo • Prompts de imagen guardados y específicos del artículo, y recursos raster • Referencias de imagen en Markdown insertadas junto a los pasajes relevantes Antes de empezar Un backend de generación raster disponible y los archivos de referencia y configuración de la Skill; el acceso al backend y su costo son aparte.
Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Coloca las ilustraciones donde el artículo necesita explicación

Un flujo de ilustración que tiene en cuenta el artículo, con opciones de tipo, estilo y paleta, prompts guardados y colocación en Markdown.

Flujo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

Baoyu Article Illustrator parte de la estructura del artículo y pregunta dónde una ayuda visual mejoraría la comprensión. Separa la forma de la información, el estilo de renderizado y la paleta, de modo que un proceso pueda convertirse en un diagrama de flujo mientras una comparación usa otra estructura sin perder coherencia visual. La fuente recomienda visualizar el concepto de fondo en lugar de dibujar una metáfora de forma literal.

El flujo deja un esquema que registra la posición, el propósito y el nombre de archivo de cada imagen, seguido de un prompt guardado para cada ilustración. Después, las imágenes raster generadas se referencian desde el artículo con rutas relativas de Markdown. Es planificación de ilustración editorial más coordinación de producción; no es un servicio de verificación de datos ni sustituye a un backend de imágenes disponible.

Entregables esperados

  • Un esquema de ilustraciones con posiciones y propósitos en el artículo
  • Prompts de imagen guardados y específicos del artículo, y recursos raster
  • Referencias de imagen en Markdown insertadas junto a los pasajes relevantes
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Detectar la necesidad visual

    Lee los argumentos del artículo e identifica las explicaciones que se benefician de una escena, un flujo, una comparación o una estructura conceptual.

  2. 02
    Confirmar el sistema de imágenes

    Elige tipo, densidad, estilo de renderizado, paleta e idioma. Conserva los datos proporcionados y los roles significativos de las imágenes de referencia.

  3. 03
    Generar y colocar

    Guarda los prompts antes de renderizar, revisa las etiquetas y los conceptos, y luego inserta en el artículo referencias de imagen relativas correctas.

02 Cuándo usarlo

Cuándo usarlo

Un backend de generación raster disponible y los archivos de referencia y configuración de la Skill; el acceso al backend y su costo son aparte.

Buen encaje

  • Explicaciones técnicasÚtil cuando un artículo largo contiene procesos o relaciones difíciles de seguir solo con prosa.
  • Conjuntos editoriales coherentesSirve para varias ilustraciones que necesitan un tratamiento visual común pero estructuras de información distintas.

Límites que conviene revisar

  • Requiere un backend rasterLa Skill planifica y coordina imágenes, pero necesita un backend de generación disponible. Su fuente no considera SVG ni HTML una alternativa intercambiable.
  • Los datos del artículo requieren su propia revisiónLas cifras y la terminología provienen del artículo; el flujo de ilustración no las valida de forma independiente.

Aporta estos insumos

  • Fuente del artículoProporciona el artículo completo e indica el contenido que debe permanecer sin cambios.
  • Densidad de ilustraciónElige pocas imágenes esenciales o un tratamiento más denso por secciones.
  • Referencias visualesExplica si cada referencia aporta tema, paleta o estilo.

03 Decisiones importantes

Decisiones que importan

  1. Se registran la posición y el propósito

    Cada imagen se asocia a una explicación concreta, lo que facilita eliminar la decoración innecesaria.

  2. Dimensiones de diseño independientes

    La estructura de la información puede cambiar sin obligar a usar otra paleta u otro enfoque de renderizado en cada figura.

04 Ejemplo de brief

Prueba con un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración de la skill antes de usarlo.

Revisa la configuración

Conserva la carpeta completa y termina la configuración de preferencias. Selecciona un backend de imágenes realmente disponible antes de prometer ilustraciones renderizadas.

Archivo fuente original
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md

Un backend de generación raster disponible y los archivos de referencia y configuración de la Skill; el acceso al backend y su costo son aparte.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar la skill.

Brief de ejemplo
Usa baoyu-article-illustrator para planificar tres ilustraciones de este artículo sobre la migración de design tokens. Muestra dónde va cada imagen y qué explica. Usa una paleta sobria y coherente, pero elige un diagrama de flujo, una comparación o un marco conceptual solo donde el contenido lo requiera. Conserva la terminología del artículo, guarda los prompts antes de generar y espera mi aprobación del esquema.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • Cada imagen aclara el pasaje en el que se inserta.
  • Las etiquetas y los datos coinciden con el artículo, sin ejemplos inventados.
  • Las referencias de Markdown apuntan a archivos de imagen revisados, con un tratamiento visual coherente.

OpenDesign ofrece un espacio de diseño local para agentes de programación. Este listado no significa que la skill esté incluida ni que sus herramientas externas, credenciales y dependencias de software vengan incluidas.

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
Jim Liu (Baoyu)
Licencia
MIT
Versión revisada
2026-10-07 · 1567581c26ec
Resumen editorial de la fuente
Un flujo de ilustración que tiene en cuenta el artículo, con opciones de tipo, estilo y paleta, prompts guardados y colocación en Markdown.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso de la skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Añadirá una imagen a cada encabezado?

No necesariamente. La densidad es una decisión deliberada, y la fuente pregunta dónde aportan valor las ilustraciones.

¿En qué se diferencia de un generador de portadas?

Planifica varias imágenes dentro del artículo y sus posiciones de lectura; un flujo de portada se concentra en una sola imagen principal.

¿Qué pasa si las etiquetas generadas son incorrectas?

La fuente indica corregir el prompt y regenerar, o usar un tratamiento con menos texto, en lugar de pintar texto de reemplazo sobre el mapa de bits.

OpenDesign

Haz espacio para la siguiente iteración de diseño.

Mantén juntos tu brief, el material de origen y el trabajo de diseño en un espacio local. Revisa la configuración propia de la skill antes de añadirla a tu flujo de trabajo.

Archivo fuente original
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md