Diagram Preview Tools for Developers

Genera diagramas Mermaid desde prompts en lenguaje natural.

Convierte notas de producto, incidentes y arquitectura en Mermaid.

Corrige Mermaid roto y mejora la legibilidad con IA.

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.

Vista previa D2 en un espacio online con ejemplos, validación y acciones de exportación.

Visor Draw.io en un espacio online con ejemplos, validación y acciones de exportación.

Vista previa de mapa mental en un espacio online con ejemplos, validación y acciones de exportación.

JSON a diagrama en un espacio online con ejemplos, validación y acciones de exportación.

YAML a diagrama en un espacio online con ejemplos, validación y acciones de exportación.