tldraw Canvas Skill

Goal

Create, manage, and manipulate tldraw canvases (.tldr files) for visual design, wireframing, architecture sketching, and UI prototyping using the @talhaorak/tldraw-mcp server. The tldraw canvas acts as a persistent visual scratchpad that AI agents can programmatically read, write, and search.

Prerequisites

• MCP Server: tldraw must be configured in your MCP config (see templates/core/MCP_CONFIG_TEMPLATE.json).
• Runtime: Node.js 18+
• Viewer: Open .tldr files at tldraw.com or the tldraw desktop/VS Code extension.

Capabilities