用途：把简报转成一张读起来像经过设计的视觉图（一个核心要点、具体元素、一个高亮、符合当前设计系统），输出为一个 SVG。支持卡片类原型（flow、stack、hub、grid、compare、timeline、matrix 等）与架构图。
主要能力：模型不写几何坐标，而是写 JSON 规格；build_svg.py 把卡片放到固定网格并做容量检查；arch_svg.py 用 Graphviz 布局架构图（分组、轮廓图标卡片、药丸标签、便签、正交连线、编号步骤徽章与图例）；pipeline_svg.py 生成流程讲解图。两者都读取设计系统（--design-system、$DIAGRAM_DESIGN_SYSTEM、./design-system.md，否则用内置 Studio 外观），并为元素打 data-step 标签，便于 diagram-animate 生成 GIF。
使用方式：先写简报（takeaway、受众、目的地、实体、原型），据要点中的关系选原型，选画布（社交 1200×627、方形 1080×1080、宽屏 1920×1080，或 --canvas 覆盖），从 icons.py --list 选图标。规格由抽屉生成，可经 acpx：
python3 "${CLAUDE_SKILL_DIR}/scripts/spawn_drawer.py" --brief diagram-design/<slug>/brief.md --out-dir diagram-design/<slug> --name <slug> --agent claude
退出码 3 表示 acpx 未安装：把提示文件交给子代理，保存 JSON 后编译：
python3 "${CLAUDE_SKILL_DIR}/scripts/build_svg.py" diagram-design/<slug>/<slug>.spec.json --out diagram-design/<slug>/<slug>.svg
架构规格用 arch_svg.py SPEC.json --out X.svg（需 Graphviz dot）。随后用 diagram-review 的 svg_lint.py 与 render.py 检查并渲染两种尺寸，阅读两张 PNG，通过改规格再编译来修复，绝不手改 SVG。最后交付 SVG、两种宽度的 PNG、规格、评审结论与遗漏项；不提交推送。
限制：不用于 README/文档/PR（用 mermaid-draw）、尚无格式的想法（用 diagram-brief）、超过三个实体间有标注有向边的要点、审查已有图像（diagram-review）、应用图标或幻灯片/图表/角色/品牌场景。整个技能有固定预算：每次请求三次规格变更、一轮审查加最多一次复查，达到上限就带遗留问题交付。容量错误应缩短标签或删减非必要元素，绝不缩小文字；字体为系统栈，文本度量因机器而异，半尺寸渲染是最终校验。