DiagramPreview

Tool directory

Developer Diagrams

Create diagrams for architecture notes, API flows, dependency maps, and engineering docs.

Available tools

31

Postman Collection to Sequence Diagram

Postman Collection to Sequence Diagram: Convert Postman collection JSON into a readable API request sequence diagram.

HAR File to Sequence Diagram

HAR File to Sequence Diagram: Turn browser Network HAR exports into request sequence diagrams for debugging and documentation.

HAR File Viewer

Preview HAR request timelines, status codes, slowest calls, and host breakdowns.

Sequence Diagram Preview

Preview sequence diagrams from Mermaid sequenceDiagram syntax.

API Error Flow Diagram

Turn API status codes, failure conditions, retry rules, and recovery actions into a clear error flow diagram.

OpenAPI to Sequence Diagram

Convert OpenAPI paths into a Mermaid sequence diagram locally.

package.json Dependency Diagram

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

Docker Compose Diagram

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

CloudFormation Template Diagram

CloudFormation Template Diagram: Visualize AWS CloudFormation resources and references from template YAML or JSON.

Graphviz DOT Preview

Render DOT graphs into SVG directly in the browser.

D2 Preview

Preview D2 architecture diagrams and service maps in a focused workspace.

Kubernetes Manifest Visualizer

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

Terraform Architecture Diagram

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

Kubernetes Service Topology Diagram

Visualize Ingress, Service, Deployment, and Pod relationships from Kubernetes YAML.

Regex Railroad Diagram

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

GitHub Actions Workflow Diagram

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

CI/CD Pipeline Generator

Generate a pipeline diagram from GitHub Actions, GitLab CI, or simple step lists.

Cron Expression Visualizer

Visualize cron fields, schedule intent, and documentation notes.

C4 Model Diagram Generator

C4 Model Diagram Generator: Generate C4-style system context, container, and component diagrams from simple text.

JWT Decoder Diagram

Decode JWT header, payload, signature, and claims into a readable diagram.

cURL Command Parser

Parse cURL commands into method, URL, headers, query parameters, and request body preview.

URL Query Parser

Decode URL query strings, inspect UTM parameters, and review API query payloads.

Dockerfile Visualizer

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

.env Diff Checker

Compare .env with .env.example and find missing, empty, or duplicate variables.

Helm Values Visualizer

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

HTTP Header Parser

Parse HTTP response headers and review cache, CORS, content type, and security hints.

Nginx Config Visualizer

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

Nginx Location Tester

Test Nginx location precedence for exact, prefix, ^~, and regex routing blocks.

OpenTelemetry Trace to Sequence

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

Log to Sequence Diagram

Turn simple service call logs into a Mermaid sequence diagram.

AsyncAPI Event Flow Diagram

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

Priority workflows

Start with these high-value tools

Planned tools

Architecture Diagram PreviewFlowchart PreviewSQL ER Diagram