# tldraw agent skills for Claude Code, Cursor and RevampKey

> Ready-made tldraw playbooks for AI agents: explain a system as a diagram on your tldraw canvas, turn a tldraw sketch into a code handoff. Free SKILL.md files for Claude Code, Cursor and Codex, or one click in RevampKey.

## Skills

- [Work on your tldraw canvas with AI, safely](https://revampkey.com/marketplace/tldraw/skills/essentials.md): Reads your tldraw canvas first, then draws, edits or saves checkpoints, asking for your explicit yes before any change and before anything is deleted.
- [Explain a system as a diagram on your tldraw canvas](https://revampkey.com/marketplace/tldraw/skills/diagram-explanation.md): Turns a complex system, process or topic into a readable diagram on your tldraw canvas, then walks you through it. It asks before changing anything on a canvas you already have.
- [Turn a tldraw sketch into a code handoff](https://revampkey.com/marketplace/tldraw/skills/sketch-to-code-handoff.md): Reads an existing sketch, diagram or chart from your tldraw canvas and turns it into an implementation brief or code scaffold, listing open questions where the drawing is ambiguous. It asks before changing anything on the canvas.

## Install

- RevampKey: connect tldraw at https://revampkey.com/marketplace/tldraw; the skills come with it.
- Any Agent Skills tool, into the current project:

```bash
for s in essentials diagram-explanation sketch-to-code-handoff; do
  curl -fsSL --create-dirs -o .agents/skills/tldraw-$s/SKILL.md https://revampkey.com/marketplace/tldraw/skills/$s/SKILL.md
done
```

### What is a tldraw agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each tldraw skill describes one job, which tldraw tools to use in which order, what to check first and when to stop and ask you.

### Do the tldraw skills change anything on their own?

The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in tldraw.

### Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect tldraw; elsewhere you copy the folders into your project or skills directory.

### Do I need the tldraw MCP server too?

Yes. The skills tell the agent how to do the work; the tldraw MCP server gives it the tools to do it. The tldraw MCP setup guide covers every client.

MCP setup guide: https://revampkey.com/marketplace/tldraw.md