用途：把流程、决策树等整理为独立 HTML/CSS 流程图，强调高保真视觉而非图表工具兼容。
主要能力：统一视觉系统，包括暖中性底色、按角色分配的柔和填充色、透明虚线分组容器、较小圆角节点、正交连接线和简洁无衬线标签；支持双泳道分组布局与单列纵向布局；节点标签分主次两级，主行用节点主题色的近黑版本，次行用更深版本；连接线优先正交折线，使用空心箭头，标注字号与节点次行一致。
使用方式：先压缩为 4-8 个节点，再选布局；从参考文件 references/design-language.md、references/html-flowchart.md 入手，生成器入口为 src/build.ts，图表规格位于 src/diagrams/*.ts，示例包括 src/diagrams/review-demo.ts 与 src/diagrams/template.ts，生成产物为 assets/anthropic-flowchart-template.html 和 assets/review-demo.html。图表以 TS 规格编写并生成 HTML，不手工维护连接线坐标。连接线需基于节点显式锚点（north、south、west、east）计算，并保留推导注释；跨 SVG 列时需记录坐标变换。
适用场景：需要浏览器直接渲染的流程图、决策树、分组流程，或把现有图表重设为 HTML/CSS 分组流程图。
限制：不引入图表工具专用语法或导出格式；避免图标堆砌、长段落、高饱和彩虹色和霓虹对比；不模拟幻灯片，除非用户明确要求演示页。字体默认使用 SF Pro 风格系统字体栈。