产品简介
excalidraw-diagram-skill 这个技能使编码代理（如Claude Code）能从自然语言描述生成美观实用的Excalidraw图表。图表设计具有视觉论证性，包含真实代码片段，并支持自动视觉验证。适合需要快速创建技术图表和流程图的开发者使用。
核心功能
- 图表论证性设计，形状镜像概念
- 包含真实代码片段和JSON载荷作为证据
- 内置Playwright渲染管道，自动视觉验证
- 品牌颜色可定制，编辑单个文件
- 兼容Claude Code、OpenCode等编码代理
快速开始
- 克隆仓库并复制到项目的.claude/skills/目录
- 设置渲染器，可选自动或手动运行命令
- 向编码代理发送自然语言描述请求生成图表
界面预览
与其他方案对比
| 对比项 | 本工具 | 同类商业软件 | 在线服务 |
|---|---|---|---|
| 费用 | 开源免费 | 通常收费或含广告 | 可能有订阅或上传限制 |
| 隐私 | 本地运行，数据自持 | 依赖厂商政策 | 需上传数据到服务器 |
| 可定制性 | 源码开放，社区活跃 | 受限于官方功能 | 功能固定 |
适合谁用
- 使用Claude Code等编码代理的开发者
- 需要创建技术图表和流程图的软件工程师
- 希望提升文档视觉表达的技术团队
下载与版本
当前最新版本为 main，发布于 。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/coleam00/excalidraw-diagram-skill