Diagram Design 示意图绘制技能

Diagram Design 是由 Cathryn Lavery 制作的智能体技能，让 AI 编程助手绘制编辑排版风格的示意图。每张图输出为一个内嵌 SVG 的独立 HTML 文件，可离线在浏览器中打开，也能导出 SVG 或 PNG。它支持架构图、流程图、时序图、ER 图、甘特图、桑基图、沃德利地图等多种类型，并有浅色、深色等版式。

能做什么

• 根据描述生成风格统一、线条简洁的各类示意图
• 从网站提取品牌颜色和字体，用于之后的图表
• 将已有的 draw.io、Mermaid、Excalidraw 图按同一风格重画

运行需要：Node.js（用 npx 安装）以及 Claude Code、Codex、Cursor 等 AI 编程工具；导出 PNG 需安装 Playwright 和 Chromium。输出文件默认加载 Google 字体，可改用系统字体。