Diagram Preview Tools for Developers

自然言語プロンプトから Mermaid 図表を生成します。

プロダクトメモ、インシデント、アーキテクチャ文を Mermaid に変換します。

壊れた Mermaid 構文を AI で修正し、読みやすくします。

Generate Mermaid architecture diagrams from product or system notes with AI.

Generate PlantUML diagrams from natural language with Gemini and DeepSeek fallback.

Generate editable diagrams.net / draw.io XML from architecture, CI/CD, and data flow prompts.

Generate Grafana dashboard JSON for Prometheus, Loki, Node Exporter, API, and Kubernetes monitoring.

Generate Prometheus alert rules YAML for APIs, infrastructure, Kubernetes, databases, and queues.

Convert OpenAPI paths into a Mermaid sequence diagram locally.

Convert common PlantUML sequence, component, class, and activity diagrams into editable draw.io XML with SVG preview.

Convert CREATE TABLE SQL into a Mermaid ER diagram.

Inspect JSON Schema properties, types, required fields, and composition groups.

Visualize package.json dependencies, devDependencies, peerDependencies, and optionalDependencies.

Convert common Mermaid flowcharts and sequence diagrams into editable draw.io XML with SVG preview.

Convert Docker Compose services and dependencies into a readable architecture diagram.

Visualize Terraform resource blocks and references as a software architecture diagram.

Inspect Kubernetes manifests as resource trees for deployments, services, ingress, labels, and namespaces.

Turn GitHub Actions YAML jobs, needs, and steps into a readable workflow diagram.

Turn regular expressions into simple railroad-style diagrams for documentation and code review.

Visualize Dockerfile build stages and instructions as a step-by-step diagram.

Inspect Helm values.yaml as an expandable structure for chart review and documentation.

Visualize nginx server, location, proxy_pass, and upstream relationships.

Convert OpenTelemetry spans JSON into a Mermaid sequence diagram for request flow review.

Turn simple service call logs into a Mermaid sequence diagram.

Visualize GraphQL types, inputs, interfaces, fields, and relationships.

Visualize protobuf messages, fields, and message references as a class diagram.

Convert AsyncAPI channels into producer, channel, and consumer event flow diagrams.

Convert DBML table definitions and refs into a Mermaid ER diagram.

Convert Prisma model blocks into an ER-style schema diagram.

Preview uncompressed diagrams.net / draw.io XML as SVG and export the rendered result.

Inspect XML documents as a readable tree for feeds, SVG snippets, configs, and integration payloads.

Preview CSV files as row and column trees for lightweight data inspection.

D2 プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

Draw.io ビューア をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

マインドマップ プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

JSON から図へ をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

YAML から図へ をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。