#architecture

Arch Studio

rbcesar

Visual Mermaid diagram editor with rich annotations, powered by ReactFlow

Ferguson

davidcockson

An extension to guide architectural decision-making.

Generate beautiful architecture and flowchart images from Mermaid or text using gpt-image-2-all

annotron — Markdown preview, Mermaid diagrams & point-and-click review

hueanmy

Preview Markdown & HTML with Mermaid diagrams (flowchart, sequence, class, ER, C4, gantt), outline navigation, and point-and-click review. A human-in-the-loop layer for AI coding agents (Claude Code, Cursor): comment on any element or text, auto-apply feedback via the integrated agent loop, sync edi

Tecture

Tecture

AI-generated architecture diagrams for complex codebases — rendered inside VS Code.

GraphCode

nephilimbin

Interactive code dependency graph and analysis tool for VS Code. Visualize file imports, symbol call hierarchies, and cross-file call graphs. Detect circular dependencies, dead code, and breaking changes. Supports TypeScript, JavaScript, C#, Go, Java, Python, Rust, Vue, Svelte, and GraphQL.

CodeMap Trace

gns333

Sequence diagrams and spatial code traces for .codemap JSON files. 可视化服务时序图与源码 Trace。

StrataMetriq

StrataMetriq

Architecture Intelligence & Pre-Deployment Safety in VS Code

Azure IaC Guardrail

ChendrayanVenkatesan

Review Azure Terraform security, compliance, architecture risk, and plan changes directly inside VS Code.

Terraform Viewer

anglisano

Visualize multi-provider Terraform resources, data sources, and modules in VS Code.

Agent-Coder

UltimaniumDesigns

A state of the art multi-functional, robust, software/engineering AI platform agent for VS Code.

Diagram Weaver

abhijeetnardele

Generate hand-drawn, minimalist Mermaid diagrams using native VS Code Language Models.