Tldraw Agent
Description
🎨 Generate diagrams from text. CLI, MCP, library — works anywhere.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
🎨 tldraw-agent
Generate diagrams from text. Works anywhere.
npx tldraw-agent draw "User → API → Database"Install
npm install -g @joelhooks/tldraw-agentUsage
CLI
tldraw-agent draw "microservices architecture with load balancer"
tldraw-agent draw "signup flow" --format svg -o signup.svgLibrary
import { TldrawAgent } from '@joelhooks/tldraw-agent'
const agent = new TldrawAgent()
const { path } = await agent.draw({ prompt: 'system diagram' })MCP
{
"mcpServers": {
"tldraw": { "command": "npx", "args": ["@joelhooks/tldraw-agent", "--mcp"] }
}
}Features
- 🖼️ PNG/SVG export
- 🤖 LLM-powered layout (Claude, GPT)
- 📐 Architecture, flowcharts, entity diagrams
- 🔌 Works as CLI, library, MCP tool, or agent skill
Environment
export AI_GATEWAY_API_KEY=... # Vercel/Cloudflare AI Gateway keyLicense
MIT
Related Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.