tldraw-skill
将自然语言描述转换为手绘风格白板图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tldraw-skill。 它的用途是：将自然语言描述转换为手绘风格白板图 完整的 Skill 内容见：https://321skill.com/skills/tldraw-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我画一个用户登录的序列图，包括前端、网关、认证服务和用户数据库。’ 它会理解你的需求，自动规划布局、使用序列图规范绘制生命线和消息箭头，并生成一张清晰的手绘风格图表供你使用或嵌入文档。
介绍
tldraw-skill 解决了在设计和开发过程中，快速将想法、架构或流程可视化的需求。用户只需用自然语言描述想要的图表，例如“创建一个微服务电商架构”，该技能便能自动生成对应的手绘风格白板图，并导出为PNG或SVG格式。
使用方式非常简单，用户在与兼容的AI助手（如Claude Code、Cursor等）对话时，直接提出绘图需求即可。技能内部会处理布局规划、颜色分配、自检修复等复杂步骤，最终交付成品图像。
该技能非常适合需要频繁绘制架构图、流程图、序列图等各类图表的前后端开发、产品经理和项目经理。它极大地提升了从构思到可视化的效率。
建议在使用时提供清晰、结构化的描述以获得最佳效果。虽然技能具备自检修复功能，但对于极其复杂的图表，可能仍需在tldraw.com上进行最终微调。
核心特点
核心区别在于其集成了基于视觉的自检与自动修复能力，能读取生成的PNG图自动修正重叠、标签遮挡等问题；同时提供6种预设的语义化配色方案，确保图表风格一致且专业。
注意事项
不适合需要高度定制化艺术风格或极其复杂、节点数量庞大的图表绘制场景。
常见问题
需要安装浏览器或图形界面吗？
不需要，它基于 tldraw-cli，可在任何能运行Node.js的环境下工作，无需浏览器自动化。
支持导出哪些格式？
支持导出为 .tldr 源文件、PNG 和 SVG 格式。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tldraw-skill/raw/index.md 读取 tldraw-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tldraw-skill/raw/index.md（查看排版版本）