Tldraw Diagrams
Erzeugt handgezeichnet wirkende Architektur-/Flowchart-/ERD-Diagramme als .tldr-Dateien, exportiert über tldraw-cli.
Getestet · Funktioniert
Was es kann
Produziert Whiteboard-artige .tldr-JSON-Diagramme (Architektur, Flowchart, Sequenz, ML, ERD, UML-Presets) und exportiert sie per @kitschpatrol/tldraw-cli nach PNG/SVG, mit einer visionbasierten Self-Check/Auto-Fix-Schleife. Auslösen bei Diagramm-/Flowchart-/Architektur-/Visualisierungsanfragen oder proaktiv beim Erklären eines Systems mit 3+ Komponenten; routet Logos und präzise Vektor-/UML-Arbeit ausdrücklich an andere Skills.
Testbericht
Baute eine 2-Knoten-.tldr-Datei exakt nach dokumentiertem Schema und bestätigte die erforderlichen document/page-Records plus eindeutige einzeichige fraktionale Indizes — ein naiver freihändiger JSON-Versuch (kein records-Array, kein schema-Block) würde in tldraw nicht mal öffnen oder exportieren. Die Headline-Behauptung des READMEs 'Zero browser automation... no Chromium, no Playwright' widerspricht direkt dem eigenen puppeteer-/gepinnten-Chrome-Export-Troubleshooting-Abschnitt im Skill-Body.
Getestet am: 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
Befehle & Beispiel-Prompts
/tldraw-skillErzeugt handgezeichnet wirkende Architektur-/Flowchart-/ERD-Diagramme als .tldr-Dateien, exportiert über tldraw-cli.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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