excalidraw-skill
在AI对话中快速绘制和编辑专业图表
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：excalidraw-skill。 它的用途是：在AI对话中快速绘制和编辑专业图表 完整的 Skill 内容见：https://321skill.com/skills/excalidraw-skill-excalidraw-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我画一个电商用户从浏览商品到支付成功的泳道图，涉及用户、前端、后端和支付系统四个角色。”，它会调用Excalidraw生成一个清晰的泳道流程图。你可以接着说：“在支付成功后，增加一个发送短信通知的步骤。”，它会实时更新图表，添加这一环节。
介绍
Excalidraw Skill 让你无需离开AI对话窗口，就能直接创建和修改流程图、架构图、线框图等各类图表。它解决了在构思、设计或技术讨论时需要快速可视化想法的痛点，将绘图工具无缝集成到AI工作流中。
使用时，你只需用自然语言描述你想要绘制的图表，例如“画一个用户登录的流程图”或“帮我设计一个简单的网站首页线框图”，该技能便会调用Excalidraw引擎生成对应的草图。你还可以进一步提出修改指令，如“把箭头改成红色”、“在右侧添加一个数据库图标”，AI会实时调整图表。
这个技能非常适合产品经理、UI设计师、前后端开发者和项目经理等需要在沟通中快速表达视觉概念的角色。无论是头脑风暴、撰写技术文档，还是进行项目评审，它都能帮助你更直观地呈现想法。
建议在描述图表时尽量具体，包括元素类型、布局和关键关系。虽然它能理解复杂的指令，但对于高度精细或艺术化的设计需求，可能仍需配合专业设计软件进行后期调整。初次使用时，可以从简单的图表开始，逐步尝试更复杂的指令。
核心特点
与仅能生成图表代码或描述文本的同类技能不同，它直接集成了Excalidraw的绘图引擎，能在对话中生成可交互、可实时编辑的矢量图形画布，实现了“描述即所得”的绘图体验。
注意事项
不适合需要高度定制化视觉风格、复杂动画或大量预设模板的专业设计场景。
常见问题
可以用它来画UML图吗？
可以，你可以描述UML图的类型和元素（如类、方法、关系），它会生成对应的草图。
画好的图可以导出吗？
可以，生成的Excalidraw图表支持导出为PNG、SVG等多种常见格式。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/excalidraw-skill-excalidraw-skill/raw/index.md 读取 excalidraw-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/excalidraw-skill-excalidraw-skill/raw/index.md（查看排版版本）