coleam00/excalidraw-diagram-skill

这是什么？

核心功能

• 01根据自然语言描述生成 Excalidraw 图表。
• 02图形布局贴合概念，如扇出、时间线和汇聚结构。
• 03通过 Playwright 渲染输出，便于代理检查并修正排版问题。
• 04技术图表可包含代码片段和 JSON 数据示例。
• 05品牌配色集中在单个调色板文件中，便于定制。

适用场景

• 在编码代理会话中为系统架构或数据流绘制文档图。
• 为设计文档绘制 API 或协议的时序图。
• 通过修改调色板文件生成符合品牌风格的图表。

快速上手

1. 1

   克隆仓库

   git clone https://github.com/coleam00/excalidraw-diagram-skill.git
2. 2

   将技能复制到项目的 skills 目录

   cp -r excalidraw-diagram-skill .claude/skills/excalidraw-diagram
3. 3

   安装渲染器依赖和 Chromium

   cd .claude/skills/excalidraw-diagram/references && uv sync && uv run playwright install chromium
4. 4

   让你的编码代理创建图表

使用前须知

• !README 未声明许可证，使用权限不明确。
• !渲染流程需要安装 uv、Playwright 以及 Chromium。

标签

常见问题

excalidraw-diagram-skill 是什么？

让 Claude Code 等编码代理根据自然语言描述生成 Excalidraw 图表的技能包。 这个技能让 Claude Code、OpenCode 等编码代理能够根据自然语言描述生成 Excalidraw 图表。代理负责概念梳理、布局、JSON 生成和渲染，用户只需描述想要的系统或协议流程，即可得到可继续编辑的 Excalidraw 文件。

excalidraw-diagram-skill 可以免费使用吗？用的什么许可证？

excalidraw-diagram-skill 没有声明许可证。代码虽然公开，但没有许可证就没有明确的使用授权，正式使用前建议先联系作者。

excalidraw-diagram-skill 还在维护吗？

超过半年未提交。excalidraw-diagram-skill 最近一次提交是在 2026年3月1日。

excalidraw-diagram-skill 适合用来做什么？

在编码代理会话中为系统架构或数据流绘制文档图。 为设计文档绘制 API 或协议的时序图。 通过修改调色板文件生成符合品牌风格的图表。

excalidraw-diagram-skill 怎么安装和运行？

克隆仓库: git clone https://github.com/coleam00/excalidraw-diagram-skill.git 将技能复制到项目的 skills 目录: cp -r excalidraw-diagram-skill .claude/skills/excalidraw-diagram 安装渲染器依赖和 Chromium: cd .claude/skills/excalidraw-diagram/references && uv sync && uv run playwright install chromium 让你的编码代理创建图表

在哪里获取 excalidraw-diagram-skill？

源代码和安装说明在 GitHub 上：https://github.com/coleam00/excalidraw-diagram-skill