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을 다이어그램으로을 온라인 작업 영역에서 예제, 검증, 내보내기와 함께 사용할 수 있습니다.