用途:绘制“关系/流程”类图表和“数值”类图表。核心原则是模型不直接作图,只填写带结构的声明,由确定性代码生成图形。适用于用户提出“画流程图”“画架构图”“画序列图”“画状态机”“画依赖图”“做数据可视化”“对比两条流程”“转换 Mermaid”“画 dashboard”等请求。不适用于产品界面或落地页。
主要能力:区分有无数值轴。无轴走 diagram 分支,调用 archify 引擎生成 HTML;有轴走图表分支,加载 dataviz 并遵循 lieflat 规则。生成后运行静态检查工具,可选运行真实浏览器验证并输出截图与 JSON 回执。最终采用原子式交付:新版本通过检查才替换,否则保留旧版本并报告错误。
使用方式:先判断分支;无轴时选择语法(拓扑、序列、流程、状态、层级、矩阵),调用 archify,可用自然语言描述或 node ~/.agents/skills/archify/bin/archify.mjs,也可直接粘贴 Mermaid。有轴时先加载 dataviz 再写图表代码。随后执行 python3 fdk/tools/frontend-antipattern.py <file.html>,可选执行 python3 fdk/tools/visual-receipt.py <file.html>。检查通过后交付 HTML 文件。
限制:需要安装 archify(npx skills add Rheinmir/archify -g -s archify)。缺少 Chrome、网络或引擎时只能标记“跳过”,不得标记为通过。拒绝断轴、发光/玻璃拟态/3D 数据标记、数据过薄或类别过多等违规图表,并给出诚实替代方案。架构图若要引用真实代码,需提供 sources[]、meta.repository 和 --repo-root,且 revision 必须为完整 40 位 SHA,否则拒绝绘制。