工具页 Tool 文档站 Docs
Diagram Design：让编程助手画出「设计师不会嫌弃」的编辑级图示 Diagram Design: editorial diagrams your coding agent draws (and designers won’t hate)
44 种图示，一页自含 HTML+SVG，还能贴合你站点的品牌色。 44 diagram types as one HTML+SVG file, brand-matched to your site.
详细介绍Details
一个免费开源（MIT）的 Agent Skill：装进 Claude Code、Codex、Cursor、Copilot、Pi 等之后，用一句话描述架构、泳道、象限、桑基、爆炸轴测之类需求，助手会按图示类型规则画出一整页可双击打开的 HTML+SVG（默认静态、可无障碍朗读），不必再开 Figma，也不走常见的圆角方块「AI 味」图。可指向你的网站自动读色与字体做品牌对齐；还能从 draw.io、Mermaid、Excalidraw 重画（不是简单转格式）。装法一行 `npx skills add cathrynlavery/diagram-design`，也有各宿主的插件命令。适合写方案、架构说明、演示稿，又嫌默认图示丑的人。 A free MIT agent skill: after install into Claude Code, Codex, Cursor, Copilot, Pi, and similar hosts, one plain-language ask for architecture, swimlane, quadrant, Sankey, exploded axonometric, and more yields a double-clickable self-contained HTML+SVG page (static by default, with accessible titles), without Figma and without rounded-box AI slop. point it at your site to pull colors and fonts; it can redraw (not merely convert) draw.io, Mermaid, and Excalidraw sources. Install with `npx skills add cathrynlavery/diagram-design` or the host’s plugin commands. Good for proposals, architecture notes, and decks when default diagrams look cheap.
适合学什么What to learn
- 工具页 Tool
在浏览器里生成 CSS/HTML 的小工具。 In-browser tools that generate CSS or HTML.
- 文档站 Docs
带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.
为什么推荐Why we recommend it 44 种图示、自含 HTML+SVG、品牌对齐、draw.io/Mermaid/Excalidraw 重画与各宿主装法均照官网与 README。本库没有安装 skill、没有让助手实测出图。 The 44 types, self-contained HTML+SVG, brand match, draw.io/Mermaid/Excalidraw redraw, and install paths follow the site and README. This library did not install the skill or run a live diagram generation.
核验记录：来源、抓取与截图说明Verification log: sources, checks, and captures
主源官网 https://diagramdesign.dev/ 与仓库 cathrynlavery/diagram-design；晚间 HTTP 200，gh api：MIT、约 53415★，2026-04-16 创建，最近推送 2026-10-13。预览为 Playwright 实拍官网首屏，裁 3:2 WebP 自托管。 官网写撰写时 44 种类型；Primary sources are https://diagramdesign.dev/ and cathrynlavery/diagram-design; HTTP 200 this evening; gh api: MIT, ~53415★, created 2026-04-16, last push 2026-10-13. Preview is a Playwright capture of the home hero, cropped to a self-hosted 3:2 WebP. The site lists 44 types at write time;
