用途：从 docs/agents.md 里的 mermaid 工作流图重新生成网站使用的 blueprint 风格 SVG（website/ai-workflow.svg）。当 agents.md 的 mermaid 图发生变化，例如新增、删除或重命名代理/工件、修改工作流连接时使用。
主要能力：用 mermaid-cli（mmdc）将 mermaid 图渲染为 SVG，解析渲染结果提取节点位置、路径定义与边标签，保持 mermaid 的原始布局，再按节点类型套用固定蓝图样式，输出自包含 SVG。样式参考：背景 #0d1b2a，网格 rgba(255,255,255,0.1)，代理青色 #00ffff、meta 代理绿色 #34d399、工件白色虚线边框配 rgba(0,255,255,0.1) 填充，反馈虚线路径用珊瑚红 #ff6b6b。节点与路径均带 CSS 发光滤镜。
使用方式：先从 agents.md 提取 mermaid 代码块，命令如 sed -n '/^mermaid$/,/^$/p' docs/agents.md | sed '1d;$d' > .tmp/workflow.mmd；随后用 npx -p @mermaid-js/mermaid-cli mmdc -i .tmp/workflow.mmd -o .tmp/workflow-raw.svg -t dark（或全局安装、Docker 方式）渲染；再解析生成的 SVG 取 viewBox、节点 transform 与 path 的 d 属性，按 mermaid 中的 class 定义映射到 node-human、node-agent、node-metaagent、node-artifact，并按连接语法区分 path-thick、path-solid、path-dashed，组装蓝图 SVG。完成后可用 python -m http.server 3000 查看页面，并运行 scripts/website-verify.sh --all 验证。
硬性规则：不得手工计算节点位置或重建路径曲线，必须从 mermaid 渲染结果提取；未经同步更新本技能文档，不得改动视觉样式；SVG 需自包含。
限制与缺失：该技能依赖 mermaid-cli 与本地服务器，所需 Node.js、Python 或 Docker 环境、各命令可用性及在具体仓库中的实际效果暂未提供说明；是否收费、价格、支持平台等信息暂未提供。