最近写技术文档时，我越来越频繁地让 AI 生成流程图、架构图、时序图和数据结构说明。
比如让它生成：
- Mermaid flowchart
- PlantUML sequence diagram
- OpenAPI 接口调用流程
- SQL ER 图
- Docker Compose 服务关系
- Kubernetes manifest 摘要
- package.json 依赖关系
问题是，大模型通常只给文本代码。它可以写 Mermaid，但不会稳定地帮你预览；它可以写 PlantUML，但你还要找地方渲染；它可以解释 OpenAPI 或 SQL，但你还是要手动整理成图。
于是我做了 DiagramPreview：
下面是 Mermaid 预览和 AI Draw.io 生成页面的效果：
它想解决的是 AI 生成图表后的下一步：
- 粘贴 AI 生成的图表代码。
- 在线预览是否能渲染。
- 如果 Mermaid 语法有问题，可以修复。
- 生成 SVG/PNG/PDF，放进 README、技术方案、PRD 或博客。
这个工具站的定位不是替代 AI，而是补上 AI 输出和正式文档之间的"预览、校验、导出"环节。
如果是 DevOps / 监控类文档，也可以用 Grafana Dashboard Generator 生成 JSON 后继续编辑：
适合搜索关键词：
- Mermaid 在线预览
- PlantUML 在线预览
- Mermaid 导出 SVG
- PlantUML 导出 PNG
- SQL ER 图在线生成
- OpenAPI 时序图
- AI 生成流程图预览