back
loading skill details...
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex…
tldraw Whiteboard Diagrams Overview Generate modern whiteboard-style diagrams as .tldr JSON files and export to PNG/SVG using @kitschpatrol/tldraw-cli. tldraw produces clean hand-drawn aesthetic diagrams with rich shape libraries and smooth arrow routing — well-suited for casual or whiteboard-style visualizations. Format: .tldr JSON Export: PNG, SVG (via @kitschpatrol/tldraw-cli) Aesthetic: Hand-drawn whiteboard style by default; switchable to clean fonts via font prop. When to Use Explicit triggers: user says "diagram", "flowchart", "draw", "visualize", "whiteboard diagram", "tldraw diagram", "architecture diagram", "sketch this out". Proactive triggers: Explaining a system with 3+ interacting components Describing a multi-step process, data flow, or pipeline Showing relationships between services/modules Architecture overviews, sequence flows, decision trees, ML model layers
don't have the plugin yet? install it then click "run inline in claude" again.