drawio-skill — De texto a diagramas profesionales editables
Convierte una frase (o tu código, Terraform, SQL, OpenAPI...) en un diagrama profesional y editable de draw.io: arquitectura, UML, ERD, flujos, mapas mentales... La IA planea, dibuja, se comprueba con una captura y corrige solapes y etiquetas. Funciona en Claude Code, Cursor, Copilot, Codex, OpenCode y más.
Revisada el 2026-10-01
- Popularidad
- 9.8k
- Licencia
- MIT
- Autor
- Agents365-ai
- Categoría
- Diseño
Seguridad: revisada
El contenido es seguro; el instalador o el servicio externo no se auditan aquí.
¿Qué es?
Es una skill que hace que tu IA dibuje diagramas profesionales y los exporte a draw.io (un formato editable, no una foto). Le dices "dibuja la arquitectura de mi app" —o le pasas tu código, Terraform, SQL, OpenAPI— y produce un diagrama que puedes seguir editando después.
Piénsalo como un arquitecto que dibuja planos editables: no te da un cuadro, te da un plano que puedes retocar.
Qué puede hacer:
- Crear diagramas desde una descripción (arquitectura, flujo, UML, ERD, C4, BPMN...).
- Convertir Mermaid a draw.io editable (más de 28 tipos).
- Visualizar tu código (Python, JS/TS, Go, Rust) e infraestructura (Terraform, Kubernetes, Docker).
- Esquemas de datos/APIs (SQL, OpenAPI, GraphQL, Protobuf).
- Fotografía de pizarra → diagrama editable (con visión).
- Exportar a HTML, PowerPoint, Mermaid, PNG...
Detalle a favor: mantiene el dibujo editable y actualizable (sincroniza cambios sin perder tu formato a mano) y conjunta con los estándares de skills (funciona en muchos asistentes).
¿Cuándo me sirve?
Cuando necesitas esquemas claros (para ti, tu equipo o tus clientes):
- "Dibújame la arquitectura de mi web" → diagrama editable.
- "Pásame este Terraform a un esquema" → infraestructura.
- "Un mapa mental de mi negocio" → mindmap.
- "Un diagrama de mi base de datos" → ERD.
¿Esto me sirve a mí?
Sí, tanto para entender como para presentar.
| Si un día piensas... | Te da... |
|---|---|
| "Quiero un esquema y no sé dibujar" | Lo genera |
| "Necesito editarlo luego" | Formato draw.io editable |
| "Tengo la infra en código" | Diagrama desde el código |
| "Es para una presentación" | Exporta a PPTX/HTML |
¿Es segura?
Veredicto: ✅ **Limpia*, con matices.**
- Es una skill + CLI: la parte de skill son instrucciones; el CLI trabaja en local y es "stdlib-only" en sus flujos principales.
- Matiz (*): ejecuta sus propios programas (Python) para generar y exportar los diagramas; el repo incluso incluye un informe de seguridad (
skillspector-baseline.txt) que reconoce el uso desubprocess. Es normal en una herramienta que lanza procesos, pero es "algo más que leer archivos". - Sin claves obligatorias: el núcleo funciona offline; algunas conversiones (visión de imágenes) pueden usar modelos.
- Origen: MIT, 9.8k estrellas, muy activo (oct-2026). El más popular de su categoría.
Cómo se instala
Como skill de tu asistente (copiando la carpeta skills/drawio-skill/) o con su CLI diagramctl. También ofrece servidor MCP opcional.
Ejemplos de uso (una vez instalada): "dibuja el diagrama de arquitectura de…", "convierte este Mermaid".
Requisitos: Node/Python según el modo; el CLI básico es offline.
¿Dónde funciona?
| CLI | ¿Funciona? | Notas |
|---|---|---|
| OpenCode | ✅ Sí | Compatible con Agent Skills |
| Claude Code | ✅ Sí | Skill + MCP opcional |
| Codex | ✅ Sí | Compatible |
| Cursor / Copilot | ✅ Sí | Compatible |
| OpenClaw / Hermes | ✅ Sí | Compatible |