Tldraw Agent

🎨 tldraw代理

从文本生成图表。在任何地方都能工作。

npx tldraw-agent draw "User → API → Database"

安装

npm install -g @joelhooks/tldraw-agent

用法

命令行界面

tldraw-agent draw "microservices architecture with load balancer"
tldraw-agent draw "signup flow" --format svg -o signup.svg

图书馆

import { TldrawAgent } from '@joelhooks/tldraw-agent'

const agent = new TldrawAgent()
const { path } = await agent.draw({ prompt: 'system diagram' })

主控程序

{
  "mcpServers": {
    "tldraw": { "command": "npx", "args": ["@joelhooks/tldraw-agent", "--mcp"] }
  }
}

特性

• 🖼️ PNG/SVG导出
• 🤖 LLM驱动的布局（Claude、GPT）
• 📐 架构、流程图、实体图
• 🔌 具备CLI、库、MCP工具或代理技能

环境

export AI_GATEWAY_API_KEY=...  # Vercel/Cloudflare AI Gateway key

许可证

麻省理工学院