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

Baoyu Infographic Skill.

Elige una comparación, una jerarquía, un proceso o una visión general porque encaja con el contenido, y no porque todos los temas necesiten la misma cuadrícula.

  • Infografías
  • Diseño de información
Revisión de la fuente · Baoyu InfographicSKILL.md
Tarea Infografías Produce • Un plan de contenido estructurado con etiquetas y datos derivados de la fuente • Una combinación seleccionada de diseño y estilo con un prompt guardado • Una imagen de infografía generada en la relación de aspecto elegida Antes de empezar Un backend de imágenes rasterizadas disponible, además de referencias de diseño, estilo y configuración.
Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Adapta el diseño de la infografía a la información

Un flujo de planificación de infografías y generación rasterizada, con opciones independientes de diseño y estilo y un registro de contenido estructurado.

Flujo basado en la fuenteNo es una prueba de ejecución

El enfoque de trabajo

Baoyu Infographic separa el diseño del estilo visual. La fuente ofrece estructuras para comparaciones, ciclos, jerarquías, recorridos, relaciones espaciales y guías densas, y luego las combina con una dirección de renderizado. Antes de generar la imagen, crea contenido estructurado con objetivos de aprendizaje, secciones, etiquetas y datos de la fuente.

El resultado final es una infografía rasterizada generada, con un prompt guardado y un registro de análisis. Resulta útil para resúmenes visuales, pero el texto denso y las cifras siguen siendo un riesgo que hay que inspeccionar: un prompt fiel no demuestra que la imagen sea fiel. La fuente indica corregir mediante prompts revisados o diseños con menos texto, no sustituyendo en silencio el texto del mapa de bits.

Entregables esperados

  • Un plan de contenido estructurado con etiquetas y datos derivados de la fuente
  • Una combinación seleccionada de diseño y estilo con un prompt guardado
  • Una imagen de infografía generada en la relación de aspecto elegida
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Estructura los datos

    Identifica el objetivo de aprendizaje y conserva los valores, la terminología y las relaciones proporcionados, sin añadir información no respaldada.

  2. 02
    Elige la forma visual

    Compara diseños que encajen con la estructura de los datos y luego selecciona un estilo, una relación de aspecto y un idioma compatibles.

  3. 03
    Renderiza y concilia

    Genera a partir del prompt guardado y compara cada etiqueta y valor importante con la fuente estructurada antes de aceptar la imagen.

02 Cuándo usarlo

Cuándo usarlo

Un backend de imágenes rasterizadas disponible, además de referencias de diseño, estilo y configuración.

Buen encaje

  • Resúmenes visualesÚtil para una explicación autónoma de un proceso, una comparación o un marco conceptual.
  • Guías con muchos datosEncaja con un diseño denso deliberado cuando el tamaño de visualización previsto permite leer su texto y sus etiquetas.

Límites que conviene comprobar

  • No es un gráfico de datos editableEl resultado es una imagen rasterizada, no un gráfico conectado a una hoja de cálculo ni un conjunto de elementos vectoriales editables.
  • Generar no verifica los datosLos valores de la fuente deben ser fiables, y la imagen renderizada aún requiere una comprobación valor por valor.

Aporta estos datos

  • Contenido aprobadoProporciona los hechos, las etiquetas y las cifras exactos que puede contener la imagen.
  • Objetivo de lecturaExplica qué debe entender el público después de ver el gráfico.
  • Contexto de visualizaciónEspecifica la relación de aspecto, el idioma y el tamaño al que se leerá la infografía.

03 Decisiones importantes

Decisiones que importan

  1. El diseño sigue las relaciones

    Un ciclo, una jerarquía y una comparación reciben estructuras distintas, en lugar de forzarse en tarjetas intercambiables.

  2. Contenido intermedio estructurado

    El plan de contenido ofrece una referencia concreta para comprobar lo que el modelo de imágenes realmente ha renderizado.

04 Ejemplo de brief

Prueba un brief concreto

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

Revisa la configuración

Conserva el conjunto completo de referencias y configura el backend de imágenes disponible. El resultado generado debe comprobarse con los datos de la fuente.

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

Un backend de imágenes rasterizadas disponible, además de referencias de diseño, estilo y configuración.

Empieza con un solo entregable

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

Brief de ejemplo
Usa baoyu-infographic para explicar el proceso de incorporación de tres etapas proporcionado. Conserva exactamente todos los nombres y recuentos de las etapas, propón dos combinaciones adecuadas de diseño y estilo y espera confirmación. Guarda el contenido estructurado y el prompt final, y luego inspecciona la imagen generada para detectar pasos que falten, cifras alteradas y etiquetas ilegibles. No añadas estadísticas nuevas.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • El diseño seleccionado comunica la relación prevista.
  • Las etiquetas y los valores renderizados concuerdan con la fuente aprobada.
  • La infografía sigue siendo legible al tamaño de visualización previsto.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

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 planificación de infografías y generación rasterizada, con opciones independientes de diseño y estilo y un registro de contenido estructurado.

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

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Puedo elegir el diseño y el estilo de forma independiente?

Sí. Esa separación es el principio organizador principal de la fuente, sujeto a la compatibilidad práctica y a la legibilidad.

¿El resultado es un SVG?

No. Este flujo renderiza una imagen de infografía. Baoyu Diagram es el flujo independiente orientado a SVG.

¿Y si el contenido es demasiado denso?

Reduce el texto sobre la imagen, cambia el diseño o divide la explicación, en lugar de aceptar etiquetas ilegibles solo porque la generación haya terminado.

OpenDesign

Deja 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 de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

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