Skip to content

/tldraw-skill

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG

shell
$ npx -y skills add Agents365-ai/tldraw-skill --skill tldraw-skill --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/tldraw-skill
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG
Ships withtldraw-skill

A skill that turns natural-language descriptions into hand-drawn-style .tldr whiteboard diagrams and exports them to PNG / SVG via @kitschpatrol/tldraw-cli.

Get the whole plugin, auto-invoked
Stats
106
Stars
0
Views
7
Forks
Active
Maintenance
MIT
License
19d ago
Last commit
5mo ago
Created

Repo: Agents365-ai/tldraw-skill