Tldraw Diagrams
Genera diagramas de arquitectura/flowchart/ERD con estilo dibujado a mano como archivos .tldr, exportados mediante tldraw-cli.
Probado · Funciona
Qué hace
Produce diagramas JSON .tldr estilo pizarra (presets de arquitectura, flowchart, secuencia, ML, ERD, UML) y los exporta a PNG/SVG mediante @kitschpatrol/tldraw-cli, con un ciclo de autocomprobación/autocorrección basado en visión. Actívala en solicitudes de diagrama/flowchart/arquitectura/visualización, o de forma proactiva al explicar un sistema con 3 o más componentes; deriva explícitamente logos y trabajo vectorial/UML preciso a otras skills.
Informe de la prueba
Construí un archivo .tldr de 2 nodos exactamente según el esquema documentado y confirmé los registros document/page requeridos, además de índices fraccionarios de un solo carácter únicos — un intento ingenuo de JSON libre (sin array de records, sin bloque de schema) ni siquiera se abriría en tldraw ni exportaría. La afirmación destacada del README, "Zero browser automation... no Chromium, no Playwright", contradice directamente la propia sección de resolución de problemas de exportación con puppeteer/Chrome fijado del cuerpo de la skill.
Probado el: 2026-07-13 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/Agents365-ai/tldraw-skill cd tldraw-skill mkdir -p ~/.claude/skills cp -r skills/tldraw-skill ~/.claude/skills/tldraw-skill
Comandos y prompts de ejemplo
/tldraw-skillGenera diagramas de arquitectura/flowchart/ERD con estilo dibujado a mano como archivos .tldr, exportados mediante tldraw-cli.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Draw a flowchart of this architecture with three services and a queueCreate a hand-drawn style ERD diagram for these database tablesSketch a sequence diagram showing how these components interact