SuperAPI AI 工具集

diagram-creator

前端与建站

查看项目

更新于 10-15 21:41

技能介绍

用途:把任意输入转成可直接在浏览器打开的自包含 HTML 架构图,输出始终是单个 .html 文件,无外部依赖(仅通过 @import 引入 Google Fonts)。

主要能力:支持 5 种主题(dark 默认、light、corporate、neon、minimal)和 8 种拓扑布局(nested、left-to-right、hub-and-spoke、timeline、grid、tree、funnel、comparison);内置无限画布,可点击拖拽平移、滚轮缩放。

输入处理:可直接接受主题描述,也能读取 Markdown、JSON/YAML、代码文件、配置与基础设施文件(Dockerfile、docker-compose.yml、nginx.conf 等)、API 规范(OpenAPI、Swagger、GraphQL、proto)、数据库 schema(SQL、Prisma、DBML)、CI/CD 流水线、CSV/TSV、Office 文档、包清单、已有图表(drawio、puml、mermaid)、PDF/文档与 Notebook,自动提取结构。

使用方式:生成前会逐条询问要可视化的内容、布局、细节层级(默认 medium)和主题(默认 dark),用户以编号回复;随后自动完成拓扑选择、内容规划、主题选择与 HTML 构建。输出保存为 diagram-[topic-slug].html 到当前工作目录,并用 open(macOS)或 xdg-open(Linux)打开。

限制:输入结构不明确时需先澄清;细节层级过高导致元素过多时,应聚合实体而非改变层级或拓扑;需遵循其参考文件中的排版、颜色、布局与安全约束,不自行改动字体、配色或布局模式;响应式最低支持 360px 视口。具体安装方式与收费信息暂未提供。