Tldraw Diagrams

Genererer håndtegnet-stil arkitektur-/flytskjema-/ERD-diagrammer som .tldr-filer, eksportert via tldraw-cli.

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

Bestått ★ 8.8/10

Tldraw Diagrams — Genererer håndtegnet-stil arkitektur-/flytskjema-/ERD-diagrammer som .tldr-filer, eksportert via tldraw-cli.

Hva den gjør

Produserer whiteboard-stil .tldr JSON-diagrammer (arkitektur, flytskjema, sekvens, ML, ERD, UML-forhåndsinnstillinger) og eksporterer dem til PNG/SVG via @kitschpatrol/tldraw-cli, med en visjonsbasert selvsjekk/autofiks-løkke. Utløses av diagram-/flytskjema-/arkitektur-/visualiseringsforespørsler eller proaktivt når man forklarer et system med 3+ komponenter; ruter eksplisitt logoer og presist vektor-/UML-arbeid til andre skill i stedet.

Testrapport

Bygde en 2-node .tldr-fil eksakt etter det dokumenterte skjemaet og bekreftet de påkrevde document/page-postene pluss unike enkelttegns fraksjonelle indekser — et naivt fritekst-JSON-gjett (ingen records-array, ingen skjemablokk) ville ikke engang åpnet i tldraw eller eksportert. README-ens hovedpåstand «Zero browser automation... no Chromium, no Playwright» motsier direkte skillteksten sin egen feilsøkingsseksjon for puppeteer/pinnet-Chrome-eksport.

Testet på: 2026-07-13 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

/tldraw-skillGenererer håndtegnet-stil arkitektur-/flytskjema-/ERD-diagrammer som .tldr-filer, eksportert via tldraw-cli.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →