Tldraw Diagrams
Génère des diagrammes d'architecture/flowchart/ERD façon dessiné à la main en fichiers .tldr, exportés via tldraw-cli.
Testé · Fonctionne
Ce que fait
Produit des diagrammes .tldr JSON façon tableau blanc (architecture, flowchart, séquence, ML, ERD, presets UML) et les exporte en PNG/SVG via @kitschpatrol/tldraw-cli, avec une boucle d'auto-vérification/auto-correction basée sur la vision. Se déclenche sur les demandes de diagramme/flowchart/architecture/visualisation ou proactivement en expliquant un système à 3 composants ou plus ; route explicitement les logos et le travail vectoriel/UML précis vers d'autres skills.
Rapport de test
Construit un fichier .tldr à 2 nœuds exactement conforme au schéma documenté et confirmé les enregistrements document/page requis plus des indices fractionnaires uniques à un seul caractère — une tentative JSON freeform naïve (pas de tableau records, pas de bloc schema) ne s'ouvrirait même pas dans tldraw ni ne s'exporterait. L'affirmation phare du README « Zero browser automation... no Chromium, no Playwright » contredit directement la section de dépannage d'export puppeteer/Chrome épinglé du corps même du skill.
Testé le: 2026-07-13 · Claude Code 2.x (agent harness)
Installation
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
Commandes et exemples de prompts
/tldraw-skillGénère des diagrammes d'architecture/flowchart/ERD façon dessiné à la main en fichiers .tldr, exportés via tldraw-cli.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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