Tldraw Diagrams

Genererar handritade arkitektur-/flödesschema-/ERD-diagram som .tldr-filer, exporterade via tldraw-cli.

av Agents365-ai · Agents365-ai/tldraw-skill

Testad · Fungerar ★ 8.8/10

Tldraw Diagrams — Genererar handritade arkitektur-/flödesschema-/ERD-diagram som .tldr-filer, exporterade via tldraw-cli.

Vad den gör

Producerar whiteboard-stilade .tldr-JSON-diagram (arkitektur, flödesschema, sekvens, ML, ERD, UML-förinställningar) och exporterar dem till PNG/SVG via @kitschpatrol/tldraw-cli, med en visionsbaserad självkontroll-/autofix-loop. Trigga på diagram-/flödesschema-/arkitektur-/visualiseringsförfrågningar eller proaktivt vid förklaring av ett system med 3+ komponenter; ruttar uttryckligen loggor och precist vektor-/UML-arbete till andra skills istället.

Testrapport

Byggde en 2-nods .tldr-fil exakt enligt det dokumenterade schemat och bekräftade de obligatoriska dokument-/sidposterna plus unika enkeltecken-fraktionsindex — en naiv fri JSON-gissning (ingen records-array, inget schemablock) skulle inte ens öppnas i tldraw eller exporteras. README:ns huvudpåstående "Zero browser automation... no Chromium, no Playwright" motsäger direkt skillens egen puppeteer-/pinnad-Chrome-exportfelsökningssektion.

Testad: 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

Kommandon och exempelprompter

/tldraw-skillGenererar handritade arkitektur-/flödesschema-/ERD-diagram som .tldr-filer, exporterade via tldraw-cli.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

Draw a flowchart of this architecture with three services and a queue
Create a hand-drawn style ERD diagram for these database tables
Sketch a sequence diagram showing how these components interact

Läs hela rapporten →