开源
Diagram Design
用大白话描述一张图,拿到一个克制、有版面感的文件:45 种图,从四象限、用户旅程到金字塔和甘特图。
Diagram Design · Cathryn Lavery · MIT
安装
用于任何 Agent
npx skills add cathrynlavery/diagram-design
在 Claude Code 里
/plugin marketplace add cathrynlavery/diagram-design /plugin install diagram-design@diagram-design
命令逐字摘自项目的说明文件,运行前请先读一遍。
为什么选它
样图很克制:只有一个强调色,没有多余的东西,顾问可以直接放进客户文档。它覆盖四象限、用户旅程这类商业图表,并且持续改进到了 2.6 版。
为什么有它
AI 画的图通常是千篇一律的圆角方框,和文档的其他部分完全不搭。
你会得到什么
一个内嵌 SVG 的 HTML 文件,双击就能打开,可导出 SVG 或 PNG。它不能像画布那样拖动,要改就再说一次,或者直接改 SVG。
怎么用
- 安装技能。
- 告诉它你的网站或颜色,也可以保留默认样式。
- 说明这张图要表达什么。
需要什么
文件本身不需要别的。导出 PNG 要用无界面浏览器。
一句话总结
图要放进别人会据此评判你的文档时,选它。
值得留意
它的图标集里有真实公司的标志,商标权归各自所有,不要用来暗示合作关系。成品图打开时会从 Google Fonts 加载字体,看图人的地址会发给 Google;删掉那条链接就不会了。技升没有实际运行过这个技能。
