VS Code Extensions

Tags

#c4

Ferguson

Ferguson

davidcockson

An extension to guide architectural decision-making.

Other #requirements
35
annotron — Markdown preview, Mermaid diagrams & point-and-click review

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

Visualization Notebooks #html
25 5.0
Tecture

Tecture

Tecture

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

Visualization #documentation
24
SoliMark Preview

SoliMark Preview

Ahmedsoliman

A richer markdown preview for VS Code with React Flow / mermaid / C4 diagram rendering.

Visualization #javascript
12
A

ArchiFlow

archiflow

Architecture Studio for VS Code — scaffold, document and maintain architecture as code using Markdown, Mermaid diagrams and YAML.

Snippets #mermaid
6
CRAYON-C4

CRAYON-C4

squora

Generate and visualize a C4 architecture model from your code (Next.js, React, .NET, Java) — interactive viewer, AI enrichment, merge-safe re-runs, web-app handoff.

Visualization #javascript
3
kUML

kUML

kuml-dev

Syntax highlighting, snippets, LSP diagnostics/completion, and live-preview rendering for kUML diagram scripts (*.kuml.kts).

Programming Languages Snippets #snippet
3
Archinsight

Archinsight

archinsight

Native VSCode support for Insight architecture models.

Programming Languages Visualization #diagram
3
karasu

karasu

karasu-tools

Syntax highlighting and tooling for .krs architecture files

Programming Languages Visualization #diagram
2