用途：按 Anthropic/Claude 视觉风格绘制架构图、流程图和结构图。作者只负责几何与语义，脚本负责颜色、主题、viewBox 与导出。
主要能力：scripts/render.mjs 提供设计系统、解析主题、审查布局、按真实墨迹边界裁剪 viewBox、把计算样式烘焙为字面属性并写出 PNG；支持 light、dark 或 both 主题，scale 像素密度、padding、--no-fit、--svg、--check、--json 等选项。
用法：将 SVG 写到临时路径，运行 node scripts/render.mjs <working.svg> -o <target.png>；清除全部布局警告后，再用检查清单人工复核渲染图，最后报告保存路径与复核发现。首次运行需 Playwright，缺失时在该目录执行 npm install。
约束：不得硬编码十六进制颜色、不写 <style>、不手算最终 viewBox 高度；必须带 role="img" 与 title、desc；禁用 script、渐变、阴影、emoji、旋转文字等；文字类名仅 th、t、ts，颜色 ramp 用 c-*。同类节点同色，颜色不表示顺序；均质网格、单向堆叠的循环、无主次的布局均为失败。数据库 Schema 与 ERD 应改用 mermaid erDiagram。
限制：审查仅检测文字溢出、节点重叠、连线穿越三类几何问题，不判断构图与正确性；详细规范见 references/design-system.md 与 diagram-types.md。