一、基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 正式名称 | excalidraw-diagram-generator-github-awesome-copilot | 合集仓库子目录名(见下方说明) |
| 所属合集仓库 | github/awesome-copilot(GitHub 官方社区共享技能集合) | GitHub API |
| 作者/维护者 | 原作者 jun-shiromizu 搭建骨架,社区贡献者 Emile du Toit(BrainIT Consulting)后续提交兼容性修复,经 github/awesome-copilot 仓库维护者(GitHub 员工 aaronpowell)审核合并 | GitHub API(提交与 PR 记录) |
| 来源链接 | https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator | — |
| 许可证 | MIT(仓库级) | GitHub API |
| 合集仓库整体 Stars/Forks | 37,288 / 4,677(注:该数字属整个合集,不代表本技能自身热度) | GitHub API |
| 最新版本 | 无独立版本号(合集仓库不为单个 skill 打 tag);最近一次实质更新为 2026-06-11 的 Windows 兼容性修复 | GitHub API(提交记录) |
| 安装方式 | gh skills install github/awesome-copilot excalidraw-diagram-generator(需 GitHub CLI v2.90.0+),或手动复制技能文件夹 |
官方文档 docs/README.skills.md |
二、功能介绍与亮点
excalidraw-diagram-generator 让用户用自然语言描述想法,直接生成可在 Excalidraw 中打开、二次编辑的 .excalidraw JSON 文件,无需手工计算坐标或学习绘图工具操作:
- 九种图表类型全覆盖:流程图、关系图、思维导图、系统架构图、数据流图(DFD)、跨职能业务流程图(泳道图)、类图、时序图、ER 图,每种类型都配有专门的结构化信息提取指引与元素规范
- 零外部依赖运行:
scripts/目录内的三个 Python 脚本(add-arrow.py、add-icon-to-diagram.py、split-excalidraw-library.py)全部仅使用 Python 标准库(json、uuid、pathlib),无需pip install任何第三方包 - 图标库集成工具:
split-excalidraw-library.py可将从官方 https://libraries.excalidraw.com/ 下载的图标库(如 AWS 架构图标)自动拆分为可按需加载的独立 JSON 文件并生成速查表,避免一次性加载数千行 JSON 消耗大量 token - 配套模板与参考文档:
templates/目录内含 8 种图表类型的现成起始模板,references/目录提供完整 Excalidraw JSON Schema 与元素类型规范 - 布局与复杂度管理经验:文档内含元素数量建议上限、间距规范、配色方案、“元素过多时拆分为多张图”的处理策略等实践经验总结
子目录自身有 5 次提交(原作者 4 次搭骨架 + 后续贡献者 1 次修复),并在 github/awesome-copilot 仓库内有独立的 PR 记录:2026-01-30 首次合并新增(PR #624),2026-06-11 修复 Windows 控制台因 cp1252 编码无法输出 Unicode 勾选符号导致的崩溃问题(PR #1914,由 GitHub 员工 aaronpowell 审核合并)——这是一次真实用户在 Windows 环境下使用后反馈的缺陷修复,而非一次性投稿后再无人问津。
三、适用场景
固定分类:数据分析与可视化
适用于需要为流程、系统架构、数据关系画图,但不想手工在绘图工具里逐一摆放图形、计算坐标的开发者、技术写作者与产品经理:写技术文档时要配一张架构图、讨论需求时要画一张数据流图、复盘会议要出一张时序图,都可以直接用自然语言描述后生成可编辑文件,再打开 Excalidraw 微调。
四、跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | SKILL.md 为标准 Agent Skills 规范格式(YAML front matter + 指令正文),配套脚本仅依赖 Python 标准库,可直接复制进 .claude/skills 目录使用,正文未出现任何 GitHub Copilot CLI 专有工具调用名 |
| Codex | 原生支持 | 同一份 SKILL.md 与纯标准库 Python 脚本,不依赖特定 CLI 工具接口,Codex 作为通用编码 agent 可直接读取文件并执行脚本 |
| OpenClaw | 未验证 | 已抓取材料未涉及 OpenClaw 下的运行情况 |
| Hermes Agent | 未验证 | 已抓取材料未提及 Hermes Agent 下的运行情况 |
五、推荐理由
多数图表类技能要么依赖运行中的 MCP 服务、要么局限于单一图表类型,这个技能零外部依赖、覆盖九种常见图表类型,且有真实的 Windows 兼容性 bug 反馈修复记录,证明它在被实际使用而非仅是一次性投稿。
六、评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | 子目录自身 2 次独立 PR(新增 + 真实 bug 修复)、2 名独立贡献者;且在第三方 Claude Code 技能市场(claudemarketplaces.com、mcpmarket.com)被独立收录展示;同类能力还存在多个第三方独立复刻实现(见第七章),共同说明这类需求有持续的第三方开发者关注 |
| 可用性 | 9 | 一条命令(gh skills install)或复制目录即可用;配套脚本零第三方依赖,仅需系统自带 Python;文档含 8 个模板、完整 JSON Schema 参考、故障排查表;最近一次实质更新距今约 7 周;生成结果可直接用免费开源的 Excalidraw 打开,无付费依赖 |
| 安全性 | 8 | 见下方安全检查清单 |
| 综合评分 | 8.0 | 三项均值 |
安全检查清单:
| 检查项 | 结果 |
|---|---|
| ① Shell 命令与权限范围 | 配套脚本仅通过 Python 标准库读写本地 .excalidraw JSON 文件(文本编辑器操作),不调用 shell、不执行系统命令,权限范围可解释且很窄 |
| ② 运行时联网外发 | 技能自身脚本与 SKILL.md 指令均无网络请求;技能中提到的可选图标库下载步骤需用户手动访问 https://libraries.excalidraw.com/,非脚本自动发起 |
| ③ API Key/凭据 | 不需要任何 API Key 或凭据 |
| ④ 可疑指令排查 | 已逐一阅读 SKILL.md 全文与三个 Python 脚本源码,均为正常的 JSON 元素增删逻辑,未发现混淆代码、隐蔽外发或可疑指令 |
| ⑤ 作者/组织信誉 | 原作者为个人贡献者(低活跃度账号),但提交经 github/awesome-copilot 官方仓库维护者(GitHub 员工 aaronpowell)审核合并,无造假迹象 |
| ⑥ License | MIT(仓库级),清晰明确 |
| ⑦ 最近维护 | 5 次提交跨约 4.5 个月(2026-01-30 至 2026-06-11),最近一次距今约 7 周 |
七、跟同类 Skills 相比的优势
| 对比对象 | 定位 | 与本 skill 的差异 |
|---|---|---|
| coleam00/excalidraw-diagram-skill(独立仓库) | 扫描代码库(含 monorepo、微服务、IaC)自动反推架构,用 Playwright 渲染成 PNG 后自我视觉检查、迭代 2-4 轮直至通过质量检查 | 侧重“从既有代码库反推架构图”并带自动视觉校验闭环,流程更重;本 skill 定位是“从自然语言描述直接生成”,更轻量,且额外覆盖思维导图、ER 图、泳道图等非架构类图表 |
| Agents365-ai/excalidraw-skill(独立仓库) | 手绘风格图表生成,5 种预设图案 + 8 色语义配色方案,可选 Kroki API 或本地 CLI 渲染,支持多 agent 协作 | 提供固定的配色与图案预设、可调用外部 Kroki API 渲染服务;本 skill 完全本地运行不依赖任何外部 API,图表类型覆盖面也更广(9 种 vs 5 种预设图案) |
| oh-my-mermaid | 基于 Mermaid 文本语法生成图表,输出为 Mermaid 代码块 | 输出格式为纯文本 Mermaid 语法,依赖渲染器解析;本 skill 输出结构化 JSON 文件,可在 Excalidraw 中直接拖拽二次编辑图形与位置 |
核心差异化:同类工具要么需要额外的渲染服务/外部 API(Agents365-ai 版本的 Kroki API),要么聚焦单一使用场景(coleam00 版本的代码库反推架构图),本 skill 覆盖场景最广、且完全本地运行零外部依赖,生成的文件可在免费开源的 Excalidraw 中直接打开做像素级微调。
八、用户评价
该技能被第三方 Claude Code 技能市场(claudemarketplaces.com、mcpmarket.com)分别建立独立详情页收录展示,但目前尚未检索到该技能的独立具名用户评价或使用心得。
九、其他补充
scripts/split-excalidraw-library.py 支持导入官方图标库网站(libraries.excalidraw.com)上的任意 .excalidrawlib 文件(如 AWS/Kubernetes/Material 图标集),拆分后可供后续生成架构图时直接引用,避免每次都要处理数千行图标 JSON。
十、安装使用方式
通过 GitHub CLI(推荐,需 v2.90.0+):
gh skills install github/awesome-copilot excalidraw-diagram-generator
手动安装:
mkdir -p ~/.claude/skills/excalidraw-diagram-generator
curl -sSL https://github.com/github/awesome-copilot/archive/refs/heads/main.tar.gz | \
tar -xz --strip-components=3 -C ~/.claude/skills/excalidraw-diagram-generator \
"awesome-copilot-main/skills/excalidraw-diagram-generator"
安装后注意事项:安装后无需重启,直接用自然语言描述想要的图表(如“画一张用户注册流程图”“生成一个 User/Post/Comment 的关系图”)即可触发;生成的 .excalidraw 文件需要用 https://excalidraw.com 网页版、Excalidraw VS Code 插件或桌面客户端打开查看与编辑;如需使用图标库,需先手动从官方图标站下载 .excalidrawlib 文件并用配套脚本拆分。
十一、注意事项
- 单张图表建议不超过 20 个元素,元素过多时文档建议拆分为多张图,而非强行塞进一张
- 不支持在生成的图表中嵌入图片,复杂曲线也会被简化为直线或基础曲线
- 图标库需用户手动下载并拆分后才能使用,技能本身不预置任何图标数据
- 该技能目前独立具名用户评价较少,采用效果建议先在小范围场景验证