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 Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。

Draw.io Viewer 的線上預覽工作區，支援範例、語法檢查和匯出操作。

Mind Map Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。

JSON to Diagram 的線上預覽工作區，支援範例、語法檢查和匯出操作。

YAML to Diagram 的線上預覽工作區，支援範例、語法檢查和匯出操作。