Diagramas que puedes editar, hechos por tu IA
Se llama drawio-skill y es gratis. Le enseña a tu IA a dibujar diagramas de flujo, procesos por área, mapas mentales, tableros kanban y cartas Gantt en draw.io. No te entrega una imagen fija: después abres el diagrama y mueves cajas, cambias textos y colores tú mismo. Acá te explico cómo instalarla con un mensaje y te dejo mensajes listos para usar.
Qué es
draw.io es un programa gratis para hacer diagramas, de los más usados en empresas. Esta skill le enseña a tu IA a armar el archivo de draw.io por ti: le describes lo que necesitas, ella ordena las cajas, traza las flechas y te lo guarda como imagen o PDF.
Antes de mostrártelo revisa su propio dibujo y corrige lo típico que sale mal, como cajas encimadas, textos cortados o flechas que se cruzan. Después le pides cambios con palabras, o abres el archivo en draw.io y lo terminas a mano.
Una skill es como el manual que le pasas a un trabajador nuevo: en vez de improvisar, la IA trabaja con un método. En la página del proyecto puedes ver ejemplos de lo que hace.
Para qué te sirve
Algunos de los que más le sirven a un negocio.
Diagrama de flujo
Cómo se hace algo paso a paso, con las decisiones de por medio, como aprobar una devolución.
Procesos por área
El mismo proceso separado en carriles, uno por área o persona, para ver quién hace qué y dónde se pasa la pelota.
Mapa mental
Para ordenar las ideas de un proyecto, un curso o una lluvia de ideas con tu equipo.
Tablero kanban
Tus pendientes repartidos en columnas, como por hacer, en curso y listo.
Carta Gantt
Las tareas de un proyecto en el calendario, con cuándo parte y cuándo termina cada una.
De una foto a un diagrama
Le pasas la foto de lo que dibujaste en una pizarra o en un papel, y te la devuelve como un diagrama limpio y editable.
Y si trabajas con alguien técnico, también dibuja cómo está armado un sistema a partir de su código o de su base de datos.
Cómo se instala
No tienes que hacer nada a mano. Abre Claude Code, Codex o el programa de IA que uses para crear, copia este mensaje, pégalo y la IA hace el resto, incluido instalar draw.io si no lo tienes. Si todavía no tienes Claude Code, en esta guía te explico cómo instalarlo.
Instala drawio-skill en mi computador: https://github.com/Agents365-ai/drawio-skill Sigue las instrucciones del propio repositorio para el programa que estoy usando y déjala instalada para todos mis proyectos. Instala también lo que necesite para funcionar, como la versión más nueva del programa draw.io para escritorio. Hazlo tú de principio a fin, yo no sé de programación. Si hay algo que tenga que hacer yo, dime exactamente qué y dónde. Cuando termines, avísame si tengo que cerrar y volver a abrir el programa.
Si te pide permiso para hacer algo en tu computador, dile que sí.
A diferencia de otras, tu IA no la usa por su cuenta: hay que llamarla. En Claude Code se hace escribiendo /drawio-skill al principio del mensaje, y por eso los mensajes de abajo parten así. Si usas otro programa y no te funciona, cámbialo por «usa la skill drawio-skill».
Úsala con estos mensajes
Copia uno de estos y cambia lo que está marcado en color por lo tuyo. Mientras más datos le des, menos inventa.
/drawio-skill Haz un diagrama de flujo de cómo [el proceso, por ejemplo: aprobamos una devolución]. Así lo hacemos hoy: [cuéntale los pasos y las decisiones]. Usa palabras simples, es para explicárselo a alguien nuevo.
/drawio-skill Dibuja cómo atendemos un pedido, desde que el cliente escribe hasta que recibe lo que compró, con un carril por cada área: [ventas, bodega, despacho...]. Así lo hacemos hoy: [cuéntale el proceso].
/drawio-skill Haz un mapa mental de [tu proyecto o idea] con estos temas: [los temas y lo que va en cada uno].
/drawio-skill Haz una carta Gantt de [tu proyecto] con estas tareas y fechas: [cada tarea, cuándo parte y cuándo termina].
/drawio-skill Te adjunto una foto de un diagrama que dibujé a mano. Pásalo a un diagrama de draw.io limpio y editable, respetando cómo está ordenado. Si hay algo que no se lee bien, pregúntame antes de inventarlo.
Guarda este diagrama como PDF para mandarlo por correo, y dime dónde quedó el archivo de draw.io para abrirlo y editarlo después.
La IA dibuja con los datos que le das. Antes de mandarle el diagrama a alguien, revisa que los nombres, los pasos y las fechas estén bien. Si algo no te gusta, ábrelo en draw.io y arréglalo tú: es arrastrar y soltar.
¿Esta o Diagram Design?
Las dos hacen diagramas, pero sirven para cosas distintas. Diagram Design hace diagramas con diseño de revista y tus colores, ideales para mostrar en una presentación, pero no se editan a mano. drawio-skill hace diagramas más sencillos de ver, que puedes seguir modificando en draw.io y que aguantan procesos largos con muchos pasos.
Si lo vas a mostrar una vez, Diagram Design. Si lo vas a ir cambiando o lo trabaja más de una persona, esta.
¿En qué IA se puede usar?
Funciona completo
Claude Code, Codex, Cursor, GitHub Copilot, OpenCode y otros programas compatibles con skills. Con el mensaje de arriba queda andando en el que uses.
ChatGPT, no
No hay forma de instalarla en el chat de ChatGPT, porque necesita trabajar con archivos en tu computador. Si usas OpenAI, el camino es Codex, su programa para crear con IA.
Gratis
La skill y draw.io no cuestan nada. Lo que sí necesitas es el programa de IA: Claude Code viene en los planes pagados de Claude.
De quién es
Esta skill no la hice yo: es de Agents365.ai, que la publica en GitHub con licencia MIT, o sea que cualquiera la puede usar gratis. Tiene más de 10 mil estrellas y se actualiza seguido. Ver el repositorio ↗
Si te sirvió esto, en recursos tengo más cosas del mismo estilo, todas gratis y explicadas para gente que no programa.