excalidraw-skill
用自然语言描述，快速生成专业或手绘风格的架构图与流程图。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：excalidraw-skill。 它的用途是：用自然语言描述，快速生成专业或手绘风格的架构图与流程图。 完整的 Skill 内容见：https://321skill.com/skills/excalidraw-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我们的在线商城项目画一个系统架构图，包括移动端和Web端客户端、负载均衡器、API网关、用户服务、订单服务、商品数据库和Redis缓存。” 它会理解你的描述，应用微服务架构的布局规则，生成一个包含所有组件、连接线和标签的清晰架构图，并导出为 PNG 图片供你直接插入文档或演示文稿中。
介绍
这个 Skill 解决了在文档编写、技术设计或方案沟通中，快速绘制专业图表的需求痛点。用户无需手动拖拽图形，只需用自然语言描述想要的图表（例如“画一个包含用户、API网关和数据库的微服务架构图”），它就能自动生成结构清晰、布局美观的 Excalidraw 格式图表，并支持导出为 PNG 或 SVG 图片。
它通过解析用户的自然语言描述，应用内置的设计系统（如语义色彩、字体层级、间距规则）和多种预设的图表模式（如流程图、架构图、序列图），智能生成对应的 JSON 文件。用户可以选择使用在线 Kroki API 或本地 CLI 工具将 JSON 文件渲染为最终图片，并且该 Skill 包含“渲染-验证”循环，会自动检查并修复图形重叠、箭头错位等问题。
它非常适合需要频繁绘制技术图表来辅助沟通和设计的角色，如软件架构师、技术文档工程师、产品经理以及需要完成毕业设计或项目报告的学生。对于开发者而言，它也是快速生成系统设计草图的利器。
使用建议：描述越具体，生成的图表越精准。可以尝试先给出一个概括性指令，再根据生成的预览图进行迭代调整。如果追求离线使用或更高清晰度的 PNG 导出，建议配置本地导出后端。
核心特点
与同类图表生成工具相比，其核心区别在于内置了完整的设计系统与多种专业图表模板，能确保生成结果的视觉一致性；同时具备“渲染-验证-迭代”的闭环能力，能自动检查并优化布局问题，而非简单输出未经校验的 JSON 代码。
注意事项
不适合需要高度定制化、自由手绘或复杂艺术化设计的场景，其输出受限于预设的设计规则和图表模式。
常见问题
支持导出哪些图片格式？
支持通过在线服务导出 SVG，或通过本地 CLI 导出 PNG 和 SVG 格式。
需要安装 Excalidraw 软件吗？
不需要。该 Skill 直接生成 Excalidraw 的 JSON 数据文件，并通过 API 或 CLI 转换为图片，用户无需接触 Excalidraw 应用本身。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/excalidraw-skill/raw/index.md 读取 excalidraw-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/excalidraw-skill/raw/index.md（查看排版版本）