excalidraw-diagram-skill

Excalidraw Diagram Skill是一个技能包，供编码代理从自然语言描述生成Excalidraw图表。它专为从`.claude/skills/`目录加载技能的代理设计，如Claude Code和OpenCode，可复制到项目中以启用图表生成。 该项目强调图表应“视觉论证”而非仅展示信息。根据README，形状和形状组的选择旨在反映所代表的概念，例如一对多关系用扇出，序列用时间线，聚合用汇聚，而非统一卡片网格。技术图表可包含真实代码片段和JSON负载作为证据工件。 一个显著特性是内置视觉验证。基于Playwright的渲染管道让代理查看自身输出，检测布局问题如文本重叠、箭头错位或间距不均，并在交付最终图表前迭代。颜色和品牌样式集中在`references/color-palette.md`中，替换该文件即可使所有图表遵循不同调色板。 安装涉及克隆仓库并复制到`.claude/skills/excalidraw-diagram`。渲染管道设置可委托给编码代理，通过指向SKILL.md，或在references目录内手动执行`uv sync`和`uv run playwright install chromium`。使用简单，只需要求代理创建图表，例如展示AG-UI协议如何从AI代理向前端UI流式传输事件；该技能处理概念映射、布局、JSON生成、渲染和视觉验证。 仓库结构包括SKILL.md（设计方法论和工作流程），以及references，内含调色板、元素模板、JSON模式文档、用于将`.excalidraw`文件转换为PNG的Python渲染器、HTML渲染模板和Playwright的Python依赖。