Diagram Preview Tools for Developers

用自然语言提示词生成 Mermaid 图表。

把产品说明、事故记录和架构文本转换成 Mermaid 图表。

用 AI 修复 Mermaid 语法并提升图表可读性。

用 AI 从产品或系统说明生成 Mermaid 架构图。

通过 Gemini 和 DeepSeek 兜底从自然语言生成 PlantUML。

根据架构、CI/CD、数据链路描述生成可编辑的 diagrams.net / draw.io XML。

为 Prometheus、Loki、Node Exporter、API、Kubernetes 监控生成 Grafana dashboard JSON。

为 API、基础设施、Kubernetes、数据库、队列生成 Prometheus alert rules YAML。

在本地把 OpenAPI paths 转成 Mermaid 序列图。

将常见 PlantUML 时序图、组件图、类图、活动图转换为可编辑 draw.io XML，并提供 SVG 预览。

把 CREATE TABLE SQL 转成 Mermaid ER 图。

查看 JSON Schema 属性、类型、必填字段和组合结构。

可视化 package.json 中的 dependencies、devDependencies、peerDependencies 和 optionalDependencies。

将常见 Mermaid 流程图和时序图转换为可编辑 draw.io XML，并提供 SVG 预览。

把 Docker Compose 服务和依赖关系转换为清晰的架构图。

将 Terraform resource 块和引用关系可视化为架构图。

把 Kubernetes manifest 转成资源树，查看 Deployment、Service、Ingress、标签和命名空间。

将 GitHub Actions YAML 中的 jobs、needs、steps 转换为可读工作流图。

把正则表达式转换成简单的铁路图，适合写文档和代码评审。

将 Dockerfile 构建阶段和指令可视化为步骤图。

将 Helm values.yaml 展示为可展开结构，方便 Chart 审查和文档编写。

可视化 nginx server、location、proxy_pass、upstream 关系。

将 OpenTelemetry spans JSON 转换为 Mermaid 时序图，便于排查请求链路。

将简单服务调用日志转换为 Mermaid 时序图。

可视化 GraphQL types、inputs、interfaces、fields 和关系。

将 protobuf message、字段和引用关系可视化为类图。

将 AsyncAPI channels 转换为生产者、频道、消费者事件流图。

将 DBML 表定义和 Ref 关系转换为 Mermaid ER 图。

将 Prisma model 块转换为 ER 风格 Schema 图。

将未压缩的 diagrams.net / draw.io XML 预览为 SVG，并支持导出渲染结果。

把 XML 文档转换为易读结构树，适合查看 RSS、SVG、配置和集成载荷。

把 CSV 文件预览成行列结构树，方便快速检查数据。

为即将接入的 D2 renderer 准备的结构化工作区。

在预览工作区中检查 draw.io 与 diagrams.net XML。

把 Markdown 标题或缩进文本接入思维导图工作区。

把 JSON 可视化成可读的对象与数组树。

把 YAML 文档可视化成可读的树状图。