tldraw-skill
Hand-drawn .tldr files with a vision-based self-check loop, iterative review, and 6 diagram presets. Built on @kitschpatrol/tldraw-cli.
/plugin marketplace add Agents365-ai/365-skills
Generated from one natural-language prompt — full prompt in the README.
Why This Skill
Whiteboard sketches need different rules than polished business figures. The skill bakes in the layout, color, and self-check rules that make tldraw output look right the first time.
6 Diagram Presets
Architecture, Flowchart, Sequence, ML / Deep Learning, ERD, UML β each with preset shape vocabulary and layout conventions.
Vision-Based Self-Check
Reads the exported PNG and auto-fixes 6 issue types (overlaps, clipped labels, missing arrows) before showing you the result.
Iterative Review Loop
Collect feedback, apply targeted JSON edits, re-export until approved. 5-round safety valve prevents runaway loops.
Complexity-Scaled Layout
Spacing automatically grows with node count to prevent overlaps. Routing corridors and hub placement built in.
Semantic Color System
10-color palette mapped to meaning (blue = services, green = DB, violet = auth). No more random colors per run.
Zero Browser Automation
tldraw-cli runs everywhere Node runs. No Chromium, no Firefox, no Playwright β same setup on macOS, Linux, Windows.
Install
Pick your platform. Takes 10 seconds.
# Plugin marketplace (recommended) /plugin marketplace add Agents365-ai/365-skills /plugin install tldraw # Or any agent npx skills add Agents365-ai/365-skills -g # Manual install git clone https://github.com/Agents365-ai/tldraw-skill.git ~/.claude/skills/tldraw-skill
# Global git clone https://github.com/Agents365-ai/tldraw-skill.git ~/.config/opencode/skills/tldraw-skill # Project git clone https://github.com/Agents365-ai/tldraw-skill.git .opencode/skills/tldraw-skill
# Global git clone https://github.com/Agents365-ai/tldraw-skill.git ~/.openclaw/skills/tldraw-skill
# Via SkillsMP CLI skills install tldraw-skill
# User-level git clone https://github.com/Agents365-ai/tldraw-skill.git ~/.agents/skills/tldraw-skill # Project-level git clone https://github.com/Agents365-ai/tldraw-skill.git .agents/skills/tldraw-skill
Related Skills
Part of the Agents365-ai diagram-skill family — pick the right tool for the job.
drawio-skill
Polished business diagrams — stakeholder decks, strict UML, ML papers, network topologies.
excalidraw-skill
Hand-drawn / sketchy — whiteboard mockups, informal diagrams.
mermaid-skill
Text-based, auto-layout — README-embeddable, version-control friendly.
plantuml-skill
UML-focused — class / sequence diagrams in CI pipelines.
Support
If this skill helps you, consider supporting the author.
WeChat Pay
Alipay
Buy Me a Coffee
Give a Reward