cathrynlavery/diagram-design：给智能体的编辑级图表技能
来源：GitHub — 2026-10-13 · ⭐ 52,160 stars · 今日 +2,100 · HTML
📋 概述
Diagram Design 是一个 Agent Skill：你用大白话提需求，智能体自己挑图表类型、先说明打算怎么画，最后产出一个自带 HTML + SVG 的单文件，双击即可打开。它内置 44 种图表类型，并明确排斥投影阴影与 Mermaid 味的默认观感。把 onboarding 指向你的站点后，技能会抓取配色与字体，之后每张图都自动对齐品牌；同时支持从 draw.io、Mermaid、Excalidraw 导入，导出 PNG 与 SVG。安装可用跨宿主的 npx skills add，也能在 Claude Code、Codex、GitHub Copilot 等宿主里走插件市场（官方建议顺手打开自动更新）。MIT 协议，约 5.2 万星，单日新增 2,100 星。
🔑 核心要点
- 一次输出单文件 HTML + SVG，无需构建工具、双击即可查看，并明确拒绝阴影与「Mermaid 味」的默认样式。
- 内置 44 种图表类型，架构图、四象限、时序图等由智能体自行判断类型，先说明计划再动手。
- 可用 onboarding 抓取站点配色与字体，让之后每张图都符合品牌；支持从 draw.io、Mermaid、Excalidraw 导入，导出 PNG/SVG。
- npx skills add 可装进 Cursor、Claude Code、Codex、Copilot、Gemini CLI 等宿主，Claude Code 侧另有插件市场与自动更新。
💡 金句
44 种图表类型，不要阴影，不要 Mermaid 味的敷衍。
👍 0
👎 0
← 返回 GitHub Trending 首页