Diagram Design 是用于 Claude Code、Codex 和 Pi 的智能体技能，可生成编辑级质感的图表。无需 Figma、没有千篇一律的圆角框、也不用花 30 分钟挑颜色。
28 种可视化类型
Diagram Design 内置 28 种可视化类型——架构、流程图、时序、状态机、ER、时间线、泳道、四象限、树、组织架构、韦恩、分层、金字塔、雷达、循环等。每种类型都有三种静态样式：极简浅色、极简深色与完整编辑版。
60 秒内匹配你的品牌
技能会读取你的网站，应用你的纸张、墨色、强调色与字体，并报告一份逐项命名的保真度清单。你的图表看起来与网站其他部分浑然一体，而不是 AI 生成的占位图。
自包含 HTML + SVG
每张图表都是一个自包含 HTML 文件，无需构建步骤、无需 JavaScript，除 Google Fonts 外无任何外部依赖。双击即可离线打开，随处可用。
从 draw.io 和 Mermaid 导入
已经有现成图表？Diagram Design 会按你选择的格式、尺寸与细节级别重绘 .drawio 和 Mermaid 源文件——随时用于你的演示文稿或文档。
默认无障碍
屏幕阅读器会朗读图表的标题与描述，prefers-reduced-motion 会显示完整静态画面。这样的品质经得起设计师的审视。
无论你是作家、开发者、顾问还是团队，Diagram Design 都能让你的图表看起来有设计感——一步到位，直接来自你的 AI 智能体。