VS Code Extensions

Categories

Visualization

Render software structures visually. Discover top VS Code Visualization extensions to generate architecture charts, map data schemas, and preview layout plots.

Actions Visualizer

Actions Visualizer

bircni

VS Code extension: visualize GitHub Actions and Gitea Actions workflow files as a dependency graph next to the YAML

Visualization #yaml
3
Beads Dashboard — Kanban & Roadmap

Beads Dashboard — Kanban & Roadmap

cuongbphv

Dashboard for the beads (bd) issue tracker: Overview, Roadmap and Kanban board, plus an Epic → Task sidebar.

Visualization #ai
3
DevCap — Android & iOS Screenshots, Recording & Annotation

DevCap — Android & iOS Screenshots, Recording & Annotation

SujeetKumar

Capture, annotate and record Android & iOS device / emulator / simulator screens straight into your workspace. AI-agent ready.

Visualization #annotation
3
ErrorBrain AI - Terminal & Code Error Insights & Fixes

ErrorBrain AI - Terminal & Code Error Insights & Fixes

abhiram010

Intelligent AI-powered terminal error and workspace diagnostics engine with multi-provider BYOK support (Groq, DeepSeek, Kimi, Gemini, Claude).

Programming Languages Linters #terminal
3
Zeolite

Zeolite

ScientificAI

WYSIWYG Markdown editor for Zettelkasten-style linked notes — wikilinks, DataviewJS, tasks, and a PDF deep-link viewer.

Visualization #markdown
3
Framewright

Framewright

framewright

Generate, import, and visually edit single-file HTML prototypes with direct source writeback and reviewed AI changes.

Machine Learning Visualization #html
3
kumihimo — AV signal flow diagrams

kumihimo — AV signal flow diagrams

love-rox

Write AV signal flow diagrams (系統図) as text. Live preview, and the wiring that plugs in but carries nothing gets flagged as you type.

Programming Languages Linters #keybindings
3
Smarterasemi Profiler

Smarterasemi Profiler

smartera-test

Import a run folder (with a .log file) and view NPU profiling: summary, NPU cards, timeline, and Perfetto trace. Includes integrated parser for log analysis.

Visualization
3
RenderPaper

RenderPaper

XXXWH

A source-preserving live Markdown and LaTeX editor for VS Code

Visualization #json
3
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
Axon Fleet

Axon Fleet

arclabs

Inspect local Axon agents, projects, blueprints, and runtime output in Visual Studio Code.

Visualization #AI agents
3
roots — Codemaps

roots — Codemaps

jeffasante

Generate AI-annotated, task-specific codemaps of your codebase.

Visualization AI #ai
3