用途:根据用户描述或代码库生成专业技术架构图,输出为可直接在浏览器打开的独立 .html 文件,内含内联 SVG 与 CSS。适用于系统架构、部署架构、组件关系图、拓扑图、基础设施图等场景。
主要能力:支持深色(默认)与浅色双主题,通过页眉右侧按钮切换,选择保存到 localStorage。组件按类型使用语义化配色(前端青、后端绿、数据库紫、云服务琥珀、安全玫红、消息队列橙、AI 亮紫等),描边色在两种主题下保持不变。使用 JetBrains Mono 等宽字体,含网格背景、圆角方框、阴影、虚线安全组与区域边界、SVG marker 箭头。支持中文标注,中英文间加空格,中文标签组件宽度建议 140-180px。
使用方式:先收集组件、连接关系、技术栈、安全边界等信息,用户提供代码库时自行分析;再按设计规范与 assets/template.html 模板生成 HTML;最后输出完整文件。模板自定义点包括标题、SVG viewBox(默认 1000x680)、组件方框、连接箭头、三张摘要卡片与页脚。
限制:需现代浏览器打开;除 Google Fonts 外无外部样式表;箭头需在组件方框前绘制以置于底层,半透明方框需先绘制不透明遮罩矩形;图例须放在所有边界框之外;垂直堆叠组件最小间距 40px 以避免重叠。具体收费、平台与效果资料暂未提供。