Communitygithub.com

2023Anita/japanese-handdrawn-illustrations

Convierte artículos en chino en ilustraciones editoriales japonesas dibujadas a mano y coherentes, con una habilidad reutilizable de Codex.

¿Qué es japanese-handdrawn-illustrations?

Esta habilidad para Codex está diseñada para transformar contenido en chino en ilustraciones de acompañamiento editorial con estilo de dibujo a mano japonés, en formato horizontal 16:9. Su propósito no es crear pósters de anime, libros infantiles, infografías de PowerPoint o ilustraciones comerciales, sino plasmar ideas clave, procesos, emociones, estructuras o metáforas cotidianas del artículo en una imagen tranquila, clara, con mucho espacio en blanco y un toque de cuaderno de bocetos japonés. El personaje principal es 'Pequeño Viajero', una figura dibujada a mano que participa activamente en la escena, nunca como mero adorno. La habilidad sigue un flujo de trabajo estructurado: primero analiza el texto para identificar 'anclajes cognitivos' (cambios de estado, bucles, bifurcaciones, etc.), luego propone una estrategia de ilustración con una lista de tomas, genera cada imagen de forma independiente usando `image_gen` con indicaciones precisas que incluyen fondo blanco, líneas finas de tinta negra, acuarela de baja saturación, anotaciones manuscritas en chino y abundante espacio en blanco. Finalmente, verifica la calidad contra una lista de control y guarda los resultados en la carpeta `assets/` del workspace, nombrando los archivos en orden. Es compatible con Codex (y potencialmente con otras plataformas que soporten `image_gen`) y prioriza la claridad conceptual sobre el estilo, evitando imágenes genéricas o sobrecargadas.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add 2023Anita/japanese-handdrawn-illustrations

Preguntar en tu IA favorita

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

Documentación

Ilustraciones de acompañamiento de estilo japonés dibujadas a mano

Posicionamiento principal

Diseñar y generar ilustraciones de acompañamiento para contenido en chino, en formato horizontal 16:9. El objetivo no es un póster de anime, un libro infantil, una infografía de PowerPoint o una ilustración comercial, sino convertir juicios clave, procesos, emociones, estructuras o metáforas cotidianas del artículo en una imagen dibujada a mano que sea tranquila, limpia, con mucho espacio en blanco y un toque de cuaderno de bocetos japonés.

El personaje visual predeterminado es el "Pequeño Viajero": una figura dibujada a mano, tranquila, seria y ligeramente torpe, que organiza sus pensamientos entre páginas, ventanas, estaciones de tren, escritorios, cajas de bento, paraguas y habitaciones pequeñas. El Pequeño Viajero debe participar en la acción central de la escena, no solo estar de pie como decoración.

Lee primero estas referencias

Lee según lo necesite la tarea, no satures el contexto de una sola vez:

  • references/style-dna.md: ADN del estilo, colores, texto, prohibiciones.
  • references/character-ip.md: Apariencia, personalidad, banco de acciones y prohibiciones del Pequeño Viajero.
  • references/composition-patterns.md: Tipos de estructura, métodos de metáforas cotidianas japonesas y reglas anti-cliché.
  • references/prompt-template.md: Plantilla de indicaciones para generar una sola imagen.
  • references/qa-checklist.md: Reglas de verificación e iteración posteriores a la generación.
  • assets/examples/: Solo para calibración visual de baja frecuencia, no entrar en la ruta de generación predeterminada. No copies la composición, objetos o anotaciones de los casos de ejemplo.

Flujo de trabajo

1. Digerir el texto principal

Primero lee el texto proporcionado por el usuario, enlaces, archivos Markdown, capturas de pantalla o contenido del documento. Extrae:

  • ¿Cuál es la idea central?
  • ¿Qué párrafos contienen puntos de inflexión cognitiva?
  • ¿Qué contenido se presta para metáforas suaves de la vida cotidiana?
  • ¿Qué partes solo requieren texto y no necesitan imagen?

No distribuyas las ilustraciones de manera uniforme. Prioriza los "anclajes cognitivos", por ejemplo: cambios de estado antes y después, tensión y recuperación, bucle de entrada y salida, clasificación y organización, bifurcaciones de elección, espera y transbordo, protección de límites, rutas de aprendizaje, procesos de cuidado, malentendidos comunes.

2. Primero, la estrategia de ilustración

Si el usuario solo dice "analiza cómo ilustrar / piensa qué partes necesitan ilustración", primero entrega una lista de tomas. Para cada imagen, escribe claramente:

  • ¿Detrás de qué párrafo va?
  • Tema de la imagen
  • Significado central
  • Tipo de estructura
  • ¿Qué hace el Pequeño Viajero en la imagen?
  • Elementos sugeridos
  • Palabras de anotación en chino sugeridas

Por defecto, de 4 a 8 imágenes. Si el artículo es muy corto, de 1 a 3; en artículos largos, no superes fácilmente las 9. Suficiente para el propósito, evita convertir el texto en un álbum de imágenes.

3. Generación individual

Si el usuario pide explícitamente "generar / producir / hacer imagen / ayúdame a generar", no te detengas a esperar confirmación; usa image_gen incorporado para generar cada una por separado. No combines varias imágenes en una sola.

Cada imagen debe tratar una sola estructura central. El indicación debe incluir:

  • Ilustración de acompañamiento en formato horizontal 16:9 para texto en chino
  • Fondo blanco puro o blanco marfil muy claro
  • Líneas finas de tinta negra dibujadas a mano
  • Pequeños toques de acuarela de baja saturación
  • Algunas anotaciones manuscritas en chino
  • Abundante espacio en blanco
  • El Pequeño Viajero como sujeto de la acción central
  • Prohibido: anime, estilo "dos dimensiones", libros infantiles, pósters comerciales, infografías de PowerPoint, fondos complejos, títulos de tipo esquina superior izquierda

No copies casos pasados. Los casos solo proporcionan densidad de estilo, espacio en blanco, moderación de color y forma de participación del personaje; no reutilices composiciones antiguas directamente. Cada vez, inventa una metáfora suave, cotidiana pero válida a partir del artículo actual.

4. Verificación e iteración

Después de generar, consulta references/qa-checklist.md. Si aparecen los siguientes problemas, prioriza regenerar o editar parcialmente:

  • El Pequeño Viajero es solo decoración
  • La imagen está demasiado llena
  • Demasiado parecido a anime, libro infantil, ilustración comercial o PowerPoint
  • Demasiado texto en chino o errores graves de caracteres
  • Aparece un título tipo "Diagrama de flujo / Arquitectura del sistema / Preguntas frecuentes / Hoja de ruta" en la esquina superior izquierda
  • Fondo demasiado sucio, textura de papel demasiado pesada, color demasiado saturado
  • La imagen solo tiene atmósfera, no expresa claramente el significado central

5. Guardar y entregar

Si el usuario trabaja dentro del workspace, copia las imágenes finales a:

assets/<slug-del-artículo>-illustrations/

Nómbralas en orden:

01-nombre-del-tema.png
02-nombre-del-tema.png

Conserva los archivos generados originales; no sobrescribas activos existentes a menos que el usuario solicite explícitamente un reemplazo.

Formato de salida

La salida de estrategia antes de la generación debe ser breve y precisa. La entrega posterior a la generación debe incluir:

  • Cuántas imágenes se generaron
  • Propósito de cada imagen
  • Ruta de guardado
  • Qué imágenes son más sólidas y cuáles son opcionales

No expliques la teoría del estilo en extenso; deja que las imágenes hablen por sí mismas.

Skills relacionados