Tldraw Diagrams

Genererer håndtegnede arkitektur-/flowchart-/ERD-diagrammer som .tldr-filer, eksporteret via tldraw-cli.

Af Agents365-ai · Agents365-ai/tldraw-skill

Testet · Virker ★ 8.8/10

Tldraw Diagrams — Genererer håndtegnede arkitektur-/flowchart-/ERD-diagrammer som .tldr-filer, eksporteret via tldraw-cli.

Hvad det gør

Producerer whiteboard-stil .tldr-JSON-diagrammer (arkitektur, flowchart, sekvens, ML, ERD, UML-presets) og eksporterer dem til PNG/SVG via @kitschpatrol/tldraw-cli, med en visionsbaseret selvtjek-/auto-fix-loop. Trig ved diagram-/flowchart-/arkitektur-/visualiseringsforespørgsler eller proaktivt, når et system med 3+ komponenter forklares; ruter eksplicit logoer og præcist vektor-/UML-arbejde til andre skills i stedet.

Testrapport

Byggede en 2-node .tldr-fil præcist efter det dokumenterede skema og bekræftede de påkrævede document-/page-records plus unikke enkelt-tegn fraktionelle indekser — et naivt fritekst-JSON-gæt (ingen records-array, ingen skema-blok) ville ikke engang åbne i tldraw eller eksportere. README'ens overskriftspåstand 'Zero browser automation... no Chromium, no Playwright' modsiger direkte skillets eget puppeteer-/pinned-Chrome-eksport-fejlfindingsafsnit.

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

Kommandoer og eksempelprompter

/tldraw-skillGenererer håndtegnede arkitektur-/flowchart-/ERD-diagrammer som .tldr-filer, eksporteret via tldraw-cli.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →