SuperAPI AI 工具集

diagram-generator

通用与其它

查看项目

更新于 10-16 06:48

技能介绍

用途:根据用户描述自动生成可渲染的暗色主题 SVG 图表文件,覆盖架构图、流程图、时序图、结构图(类/ER)、思维导图、时间线、状态机、数据流等。适用于系统设计可视化、数据流与 API 调用链、事件驱动架构、项目排期等场景。

主要能力:使用完整设计系统(语义颜色、字体规范、间距规则、组件模式),输出单个自包含 SVG,支持中文标签。内置架构、流程图、时序图、结构图等参考文件,以及 QA 检查清单。

使用方式:通过 /diagram-generator 触发,可指定类型(如“架构图”“流程图”“时序图”),也可自动检测。流程为:确定图表类型→收集信息(如扫描项目结构)→读取对应参考文件→规划布局→生成 SVG→QA 检查→保存为 .svg。若输入为文件,保存到 {inputFileDir}/diagram/;否则保存到 {projectDir}/diagram/{topic-slug}/。

限制:不用于仅查看代码结构、UI 原型/线框、编辑已有图表、交互式图表或从数据生成图表。生成时需注意 XML 转义、图层顺序、遮罩层、区域边界包含子组件、viewBox 预留 30px padding 等规则。具体安装路径与命令以实际环境为准。