Curso de IA para tu empresa
Logo de ClaudeSkill gratis para Claude

Cómo hacer que Claude explique cualquier sistema con dibujos

¿Tienes un proceso, un programa o un funnel que solo tú entiendes? Con este skill, Claude analiza cómo funciona y lo dibuja en una sola ilustración, de principio a fin, para que alguien que no tiene idea lo entienda a la primera. Te mostramos cómo lo usamos para explicar el sistema detrás de esta misma página, paso a paso.

Por qué explicar un sistema con dibujos

Un proceso explicado con texto técnico o con un diagrama de cajas y flechas casi nadie lo lee, y menos alguien que acaba de llegar.

Una metáfora dibujada se entiende y se recuerda. Claude encuentra una para todo el recorrido y lo pone en una sola escena que se lee de principio a fin.

El paso a paso

1

Instala el skill en Claude

Descarga el .zip de esta página. En Claude entra a Personalizar, luego Skills, y súbelo sin descomprimirlo. Revisa que quede activado.

Ojo: los nombres del menú de Claude cambian seguido. Si no los ves igual, busca la sección de Skills en tu configuración.
2

Conecta Higgsfield

El skill dibuja con el conector de Higgsfield. Si todavía no lo tienes, sigue nuestra guía para conectarlo. Necesitas una suscripción de pago en Higgsfield.

Tip: en calidad media y resolución 1K, cada ilustración nos costó 0.5 créditos. El skill te dice el costo antes de generar.
3

Muéstrale el sistema

Puede ser la carpeta de un proyecto, documentos, una herramienta o tu propia descripción de cómo funciona. Claude lo estudia y saca las piezas, qué entra, qué sale y en qué orden pasa todo. Dile para quién es la explicación: alguien nuevo en tu equipo, un cliente o tu audiencia.

Prompt para copiar
Usa el skill de ilustraciones. Analiza cómo funciona [NUESTRO FUNNEL / ESTE PROCESO / ESTA APP] y explícalo con una ilustración para [ALGUIEN NUEVO EN EL EQUIPO / UN CLIENTE]:

[DESCRIPCIÓN, LINK O CARPETA DEL PROYECTO]
4

Aprueba el boceto

Antes de la versión final, Claude genera un boceto rápido en baja calidad para que veas cómo quedaría, y te dice en pocas líneas cómo se lee y qué etiquetas lleva. Nada de listas de pasos: lo apruebas viendo la imagen.

Prompt para copiar
En el boceto, [LO QUE QUIERES CAMBIAR]. En realidad ese paso funciona así: [CÓMO FUNCIONA DE VERDAD]. Lo demás, así.
Tip: aquí corriges a Claude si entendió mal alguna parte del sistema. Un boceto nos costó 0.25 créditos, la mitad que la versión final.
5

Recibe la ilustración final

Con tu visto bueno, Claude genera la versión final con la misma composición del boceto, revisa que no tenga errores y la guarda. Por default es una sola imagen para todo el proceso. Si el sistema tiene partes distintas, hace una por parte, como en este ejemplo sobre cómo funcionan los lead magnets de IA con Rodrigo, como el que estás viendo:

1. Tu proceso entra al molde y sale una página
2. Quien visita cambia su correo por la guía
3. Cada correo se guarda con la guía de donde vino
4. Cada guía nueva hace crecer la biblioteca
Así lo hicimos: le pedimos a Claude que nos explicara el sistema que armamos para estas páginas. Leyó el código del sitio, nos lo explicó en cuatro partes y dibujó cada una. Las cuatro salieron bien a la primera.

Qué trae el skill

El flujo completo

SKILL.md: cómo leer el proceso, decidir cuántas imágenes (una por default) y aprobar con un boceto antes de la final.

Del recorrido a la escena

composition-patterns.md: cómo convertir todo el recorrido en una metáfora física fácil de recordar.

El estilo y la persona

personajes.md: una tinta, línea de pincel y una persona que hace el trabajo de cada paso.

Los prompts

prompt-template.md: la plantilla para generar en Higgsfield y los prompts para corregir una imagen.

La revisión y las referencias

qa-checklist.md para revisar que cada imagen se entienda y sea fiel al sistema, y 4 ilustraciones de referencia de estilo.

Prompts para probarlo

Copia uno y pégalo en Claude
Usa el skill de ilustraciones. Explica con dibujos cómo funciona nuestro funnel de ventas, desde el anuncio hasta el pago: [PASOS O LINKS]

Usa el skill de ilustraciones. Lee la carpeta de este proyecto y explica cómo funciona la app para alguien que entra nuevo al equipo.

Usa el skill de ilustraciones. Explica en una sola ilustración cómo funciona [TU SERVICIO] para un cliente que no es técnico.

Usa el skill de ilustraciones. Explica cómo funciona esta automatización de [ZAPIER / MAKE / N8N]: [DESCRIPCIÓN]

Usa el skill de ilustraciones. Explica nuestro proceso de ventas y el de entrega, una ilustración para cada uno: [DESCRIPCIÓN]

Gratis

Descarga el skill completo

Es el mismo skill que usamos para explicar nuestros sistemas al equipo y a clientes.

ilustraciones-workflow.zipSkill de Claude, 369 KB, en español
  • El método para explicar un proceso completo en una sola imagen
  • Guía de estilo, plantillas de prompt y checklist de calidad
  • 4 ilustraciones de referencia de estilo

¿A dónde te lo mandamos?

Deja tu correo y la descarga empieza al instante.

Te mandamos nuevas guías de Claude. Puedes darte de baja cuando quieras.

Usamos tu correo solo para enviarte contenido de IA con Rodrigo. Nunca lo compartimos.

Listo, tu descarga empezó

Si no se descargó, usa el botón de abajo. Luego sigue los pasos para instalarlo.

Cómo instalarlo

  1. Descarga el archivo .zip. No lo descomprimas.
  2. En Claude, abre Personalizar, entra a Skills y elige la opción para subir un skill.
  3. Sube el .zip y revisa que el skill quede activado.
  4. Conecta Higgsfield si todavía no lo tienes.
  5. Abre un chat nuevo y escribe: "Usa el skill de ilustraciones para explicar cómo funciona..."
Necesitas un plan de Claude que permita skills y conectores, y una suscripción de pago en Higgsfield. Cada imagen gasta créditos de Higgsfield. Para que Claude lea el código de un proyecto, úsalo en Claude Code o en la app de escritorio con acceso a esa carpeta.

¿Quieres que tu equipo trabaje así con Claude?

En AI School for Business capacitamos a equipos completos para usar Claude en los procesos reales de su empresa.

Conocer el curso