{"repo":"Agents365-ai/tldraw-skill","free":true,"listed":false,"github":"https://github.com/Agents365-ai/tldraw-skill","clone":"git clone https://github.com/Agents365-ai/tldraw-skill.git","description":"Whiteboard tldraw diagrams (.tldr) from natural language with 6 presets and vision-based self-check. PNG/SVG export, multi-agent.","language":null,"stars":120,"topics":["claude-code","diagram","tldraw","agent-skill","agent-skills","architecture-diagram","claude-code-skill","claude-skills","flowchart","openclaw"],"license":"MIT","category":"machine-learning","readme_excerpt":"tldraw-skill — From Text to Whiteboard Diagrams English · 中文 · 📖 Online Docs A skill that turns natural-language descriptions into hand-drawn-style .tldr whiteboard diagrams and exports them to PNG / SVG via @kitschpatrol/tldraw-cli . Works with Claude Code, Cursor, Copilot, OpenClaw, Codex, Hermes , and any agent compatible with the Agent Skills format. ✨ Highlights - 6 diagram type presets — Architecture, Flowchart, Sequence, ML/Deep Learning, ERD, UML - Vision-based self-check + auto-fix — reads its own PNG output and auto-fixes overlaps, clipped labels, missing arrows, off-canvas shapes, and stacked edges (up to 2 rounds; requires a vision-enabled model) - Iterative review loop — targeted JSON edits, up to 5 rounds, then suggests opening in tldraw.com for fine-tuning - Complexity-scaled layout — spacing (200 / 280 / 350px) grows with node count; routing corridors and hub placement built in - Semantic 13-color palette — blue services, green databases, violet auth, orange queues, yellow decisions, etc. — consistent across runs - Zero browser automation — tldraw-cli runs anywhere Node runs; identical setup on macOS, Linux, Windows (no Chromium, no Playwright) 🖼️ Examples [!TIP] The hero image above was generated from this single prompt: The skill plans shape positions on a 10px grid, distributes arrow endpoints around each node's perimeter, and re-checks the exported PNG to catch overlaps before showing you the result. More diagram styles Each of these was generated from a","default_branch":null,"files":null,"tree":[],"storefront":"/r/Agents365-ai","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Agents365-ai/tldraw-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}