开发者在线图表预览工具

用自然语言生成可编辑 Mermaid 图表，并在导出前完成预览和 review。

把产品说明、事故记录、架构文本和需求草稿转换成可编辑 Mermaid 图表。

用 AI 修复 Mermaid 语法错误，并在发布前检查图表语义和可读性。

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

通过 DeepSeek 从自然语言生成 PlantUML。

用 AI 生成可编辑 diagrams.net / draw.io XML，用于架构图、CI/CD 和数据流草稿。

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

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

可观测性套件生成器：用于开发者文档的在线预览、校验和导出工具。

把 OpenAPI paths 转成 Mermaid 时序图，用于接口文档、后端评审和运行时对比。

把 API 状态码、失败条件、重试规则和恢复动作整理成清晰的错误流程图。

把 Postman Collection JSON 转成接口调用时序图，检查请求顺序和文档流程。

把浏览器 HAR 请求转换成时序图，用于 API 调试、性能排查和事故复盘。

预览 HAR 请求时间线、状态码、最慢请求和主机分布。

把 PlantUML 草稿转换成可编辑 draw.io XML，方便在 diagrams.net 中继续调整。

从 CREATE TABLE SQL 生成 ER 图，检查表、主键、外键和关系。

查看 JSON Schema 属性、类型、必填字段、枚举、数组 item 和 oneOf/anyOf 结构。

把 JSON Schema 的属性、必填项、枚举和格式转换成表单预览。

针对 API 响应运行常见 JSONPath 表达式，并查看匹配值。

针对 JSON 运行常见 jq 风格过滤器，并预览过滤结果。

针对 XML 或 HTML 测试 XPath 表达式，并查看匹配节点。

预览 Kubernetes、Helm、GitHub Actions 和配置文件中的 YAML 路径。

查看 pyproject、Cargo 和应用配置中的 TOML section、key 和 value。

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

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

把 docker-compose.yml 中的服务、depends_on、网络、卷和端口转换成架构图。

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

CloudFormation 模板架构图：把 AWS CloudFormation 模板转成资源关系图，适合云架构和 IaC 文档。

把 Kubernetes YAML 可视化为资源树，检查 Deployment、Service、Ingress、label 和 namespace。

Kubernetes 服务拓扑图：用于开发者文档的在线预览、校验和导出工具。

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

CI/CD 流水线生成器：用于开发者文档的在线预览、校验和导出工具。

C4 模型图生成器：用简单 C4 文本生成 System Context、Container 和 Component 图。

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

Cron 表达式可视化：用于开发者文档的在线预览、校验和导出工具。

JWT 解码图：用于开发者文档的在线预览、校验和导出工具。

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

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

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

测试 Nginx exact、prefix、^~ 和 regex location 的匹配优先级。

对比 .env 与 .env.example，找出缺失、空值或重复变量。

解析 HTTP 响应头，并检查缓存、CORS、Content-Type 和安全提示。

在禁用脚本的沙箱中预览 HTML 组件、邮件片段和落地页区块。

将网页 URL 或粘贴的 HTML 转换为干净的 Markdown，适合文档、笔记、AI 提示词和内容迁移。

预览 CSS linear、radial、conic 和 repeating 渐变，并提取色标。

对比两个 JSON payload，查看新增、删除和变更路径。

预览 Base64 图片字符串和 data URL，并分析 MIME 类型和体积。

在真实卡片上预览 CSS box-shadow，并比较多层阴影效果。

预览 hex、rgb、hsl 和 CSS 变量调色板，并做相邻颜色对比度检查。

把 cURL 命令解析成 method、URL、headers、query 参数和请求 body 预览。

解码 URL 查询字符串，检查 UTM 参数和 API query payload。

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

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

可视化 GraphQL type、input、interface、enum、字段和关系。

TypeScript Interface 可视化：把 TypeScript interface/type 转成字段结构图，适合 SDK 和 API 类型文档。

Zod Schema 可视化：把 Zod object schema 转成校验结构图，适合表单、接口和配置校验文档。

把 .proto 中的 message、字段、enum、service 和引用关系可视化。

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

把 DBML schema 转成 ER 图，检查表关系、枚举、注释和基数。

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

把未压缩 diagrams.net / draw.io XML 预览为 SVG，并在发布前检查边界和标签。

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

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

粘贴 SVG 标记或 data URI，安全预览并导出清理后的 SVG。

预览 og:title、og:description、og:image、Twitter Card 和社交分享卡片。

针对目标 URL 测试 robots.txt 的 Allow 与 Disallow 规则。

预览 sitemap XML 的 URL、索引、重复项、lastmod 和 hreflang。

在线预览 D2 架构图和服务关系图，适合文本优先的架构文档。

在线打开 draw.io / diagrams.net XML，检查页面、对象、标签和可移植性。

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

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

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