#Diagram Design (1)

Diagram Design：把编辑级图表品味写成 45 种图型与 32 个机器校验器的 Agent Skill

编辑判断最值得抄的是它把「品味」拆成三类可判定的机器契约：颜色是语义角色加对比度契约（verify-contrast.py 对每个角色在它真实所处的背景上算 WCAG，半透明色先合成再量），几何是 4px 网格加每图 ≤9 节点、≤12 箭头、≤2 个 accent 的预算，数字是 HTML 里的 data-value / data-carry / data-status 声明加 32 个 verify-* 校验器重算。我本地实测：把 shipped waterfall 示例的一个 delta 从 −38 改成 −36，verify-waterfall.py 立刻报「'FY26 plan' (bar 6): declares 236 but the walk arrives at 238」；mermaid_extract.py 对 9 节点 fixture 吐出节点/边普查、hub 度数、入口与终点、可折叠组与预算旗标；对抗性 Excalidraw fixture 里的「IGNORE ALL PREVIOUS INSTRUCTIONS」只留下被转义的惰性标签，2 个链接与 1 个 embed 进 discarded 列表。边界它自己说得同样诚实：README 明说输出质量取决于模型、同一 prompt 两次排版可能不同、产物不是可 diff 的源格式，「Git 里每 sprint 都变的文档请用 Mermaid」；PNG 导出要一次性装 Playwright 加 Chromium；9 节点预算意味着复杂系统必须先拆 overview 加 detail；210 个预置示例还是旧皮肤下生成的，重生成是挂着的 v5.1 任务。

Cathryn Lavery 的 diagram-design（MIT，54,318 stars）让 agent 用一句自然语言产出单文件 HTML+SVG 的编辑级图表：45 种图型各有独立 reference，语义模式先于版式；六条连线硬规则、4px 网格与每图 ≤9 节点的复杂度预算把「品味」变成可判定条款；.drawio / Mermaid / Excalidraw 只抽取不渲染，按 format×size×detail×audience 四个旋钮重画并交保真清单；每张图的 HTML 带 data-* 元数据契约，32 个 verify-* 校验器逐条审计数字与几何。