Tldraw Skill

Generates whiteboard-style diagrams using tldraw's hand-drawn aesthetic. Works across platforms via the tldraw-cli npm package. The skill tries to be smart about when to proactively suggest a diagram (3+ components, complex flows) versus waiting for you to ask. It includes a self-check step where Claude uses vision to catch overlapping shapes or clipped labels before showing you the draft, which is a nice touch. Supports the usual suspects: flowcharts, architecture diagrams, sequence flows, ERDs. Outputs to .tldr JSON with PNG/SVG exports. The iterative editing workflow is solid, with targeted edits for small changes and full regeneration when you need to flip the layout. Good for casual technical diagrams where you want that sketch-on-a-whiteboard feel instead of polished Visio boxes.

Install to Claude Code

npx -y skills add agents365-ai/365-skills --skill tldraw-skill --agent claude-code