Tool directory
Developer Diagrams
Create diagrams for architecture notes, API flows, dependency maps, and engineering docs.
Available tools
16Sequence Diagram Preview
Preview sequence diagrams from Mermaid sequenceDiagram syntax.
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.
Graphviz DOT Preview
Render DOT graphs into SVG directly in the browser.
D2 Preview
Structured D2 workspace prepared for the upcoming renderer.
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.
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.
Dockerfile Visualizer
Visualize Dockerfile build stages and instructions as a step-by-step diagram.
Helm Values Visualizer
Inspect Helm values.yaml as an expandable structure for chart review and documentation.
Nginx Config Visualizer
Visualize nginx server, location, proxy_pass, and upstream relationships.
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.