产品架构图生成器

解决的问题

当需要快速说明一个系统、产品或流程时，手工画架构图容易出现模块遗漏、风格不统一、HTML 依赖外部资源等问题。该技能面向商务科技场景，将简短需求转成可直接打开的自包含 HTML 图。

工作方式

• 触发：用“生成架构图”“画流程图”等自然语言即可。
• 输入：可只提供系统名，也可补充 模块列表、流程步骤、数据流向。
• 输出：生成 {系统名称}-架构图.html，内联 CSS 与 SVG，浏览器打开后 Ctrl+P 打印 PDF。
• 稳定性：对特殊字符转义、模块过多分拆、布局自适应和失败降级做了约束，适合快速评审、文档配图和分享预览。

适用边界

该技能适合 模块组成图、技术架构图、业务流程图、产品全景图、生态体系图；不适合复杂交互原型、实时图表、3D 可视化和手绘风格。若模块超过 16 个，建议拆成多张图。