Diagram Design

技升没有运行过它。预览图来自项目本身,介绍根据项目的说明文件编写。

开源

Diagram Design

用大白话描述一张图,拿到一个克制、有版面感的文件:45 种图,从四象限、用户旅程到金字塔和甘特图。

安装

用于任何 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。

怎么用

  1. 安装技能。
  2. 告诉它你的网站或颜色,也可以保留默认样式。
  3. 说明这张图要表达什么。

需要什么

文件本身不需要别的。导出 PNG 要用无界面浏览器。

一句话总结

图要放进别人会据此评判你的文档时,选它。

值得留意

它的图标集里有真实公司的标志,商标权归各自所有,不要用来暗示合作关系。成品图打开时会从 Google Fonts 加载字体,看图人的地址会发给 Google;删掉那条链接就不会了。技升没有实际运行过这个技能。