Automatically generates a live Mermaid architecture diagram from your docker-compose.yml file and displays it in a VS Code webview panel. Every time you save a Compose file the diagram refreshes instantly, so your architecture documentation is always in sync with your actual service topology.
Features
Live preview — webview panel renders the Mermaid diagram using Mermaid.js
Auto-refresh — file watcher regenerates the diagram on every save
Copy to clipboard — one-click button copies the raw Mermaid syntax for use in Markdown docs, PRs, or wikis
Command palette integration — invoke from anywhere with Docker Compose: Generate Architecture Diagram
Zero configuration — works out of the box with any docker-compose*.yml file in the workspace
Usage
Open a workspace that contains a docker-compose.yml (or any docker-compose*.yml) file.
Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P).
Run Docker Compose: Generate Architecture Diagram.
The diagram panel opens and renders your service topology.
Edit and save your Compose file — the diagram updates automatically.
Requirements
VS Code 1.85 or later
A workspace containing at least one docker-compose*.yml file
Notes
The diagram is generated by the @dc2mermaid/core library. Full inference support (environment variable URLs, image-based service classification, network grouping) requires the core pipeline to be fully implemented. Until then, the panel displays a friendly placeholder message.
