canvas-agent-skill
OfficialAutomate tldraw Canvas docs via AI agents.
Authorxpert-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Manually creating, editing, versioning, annotating, and recovering tldraw Canvas documents is time-consuming and error-prone, especially when integrating with AI workflows for visual collaboration. This Skill eliminates that manual overhead by enabling AI agents to handle all Canvas document operations reliably.
Core Features & Use Cases
- Full Canvas Lifecycle Management: Create, inspect, patch, version, review, annotate, archive, and recover Canvas documents via agent-callable middleware tools, with guardrails to avoid invalid operations like inventing document IDs or unintended deletions.
- AI Image Integration: Generate images via Seedream AIGC and insert them directly into Canvas AI image holders, or add user-provided images to documents for design mockups, mood boards, or visual feedback.
- Use Case: Product and design teams can use this Skill to automatically generate annotated design iterations in Canvas, save versioned snapshots for stakeholder review, and restore previous versions if feedback requires reverting changes.
Quick Start
Ask your AI agent to create a new Canvas document titled "Q3 Product Roadmap", add a generated market trend image to the first page, and save a versioned snapshot for team review.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canvas-agent-skill Download link: https://github.com/xpert-ai/xpert-plugins/archive/main.zip#canvas-agent-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.