diagram-design：面向编码 Agent 的编辑风格图表技能

该技能支持 45 种图表类型，每种提供 minimal light、minimal dark、full-editorial 三种静态变体，输出为一个内联 SVG 的自包含 HTML 文件，可直接双击在浏览器打开，无构建步骤、无 JavaScript、无外部图片依赖。安装方式包括 npx skills add cathrynlavery/diagram-design，以及 Claude Code、Codex、GitHub Copilot、Factory Droid 各自的插件市场命令；跨 Agent 的 skills CLI 会把整个技能（含 references/、assets/、scripts/）装入选定的宿主目录，多目录时默认用符号链接以便一次更新同步所有根。 对使用 Claude Code、Cursor、GitHub Copilot 等编码 Agent 写博客或技术文档的开发者来说，这意味着不必再为一张架构图跟 Figma 耗半小时，直接用一句自然语言描述即可让 Agent 选型、说明布局、写出 HTML 文件，还能通过 onboard 拉取站点配色与字体保持品牌一致。 局限也明确：输出质量取决于所运行的模型，同一提示两次布局可能不同；结果是不可编辑的源格式，PR 里没有文本可 diff，画布上也没有框可拖。官方说明里直言，对随每个迭代变动的 Git 文档，Mermaid 仍是更合适的选择，Diagram Design 面向的是准备正式发布的那张图。