# SVG 架构图与流程图制作

根据系统结构和流程生成带布局、箭头、分组和文字的独立 SVG，可直接编辑和缩放。

用途：AI 技能

分类：设计与图形

许可：MIT

原版名称：baoyu-diagram

来源：https://github.com/JimLiu/baoyu-skills

公开页面：https://xwtx.zbidea.cn/discover/skills/AS-023

继续使用：https://xwtx.zbidea.cn#/skills/AS-023

## 准备资料
- 节点、关系、流程与说明
- 尺寸及文字密度约束

## 目标输出
- 独立图示.svg
- 结构检查说明
- 可选@2x PNG

## 运行条件与边界
- 能读写文件的本地 AI
- 浏览器或SVG编辑器用于渲染检查
- 可选PNG导出：Bun与sharp
- 上游示例引用Google Fonts，离线交付需换成本地可用字体
- 没有生成脚本，属于基于参考规范的SVG编码工作流
- 先核对流程逻辑，再检查文字溢出