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.

Manimgl Helper

Manimgl Helper

BeiChenStanly

Simplify and speed up manimgl math animation workflow

Data Science Visualization #python
21 5.0
Markdown ライブプレビューエディタ

Markdown ライブプレビューエディタ

Hashi-Kazu

見た目のまま Markdown を編集できるライブプレビューエディタ。カーソル行だけ生の記法を表示し、表・数式(KaTeX)・Mermaid 図・GitHub Alerts・コードのシンタックスハイライトをその場で描画します。

Programming Languages Visualization #markdown
21
MySkillOS — Skill Visualizer

MySkillOS — Skill Visualizer

myskillos

Visualize and edit your Claude Code skills (.claude/agents) as an interactive delegation graph — the IDE companion to myskillos.com.

Visualization #ai
21
SuperGit

SuperGit

lqdflying

Visual Git commit history, branch tracking, and files diff with multi-remote support

SCM Providers Visualization #git
21
TraceBack — AI Agent Control Plane

TraceBack — AI Agent Control Plane

madiyarzhunussov

The control plane for AI coding agents. Review what Claude Code changed, why, and whether it was verified — plus anomaly detection, breakpoints, and guards to catch and steer runs. Local-first, in your editor.

Machine Learning Visualization #ai
21 5.0
Docspace Workspace

Docspace Workspace

ArthurSilv4

Visualize and manage Markdown, Mermaid diagrams and Excalidraw canvases inside VS Code.

Visualization #markdown
21 5.0
P

pk4u-3d-viewer

9PK4U

Preview PLY and XYZ point clouds in Visual Studio Code using Three.js.

Visualization #javascript
21
DockerComposeVisualizer

DockerComposeVisualizer

HadiHajihosseini

Track your docker-compose lifecycle via a dependency tree and status bar.

Visualization #docker
21 5.0
M

Matrix Live View

PercivalRoberts

A VS Code extension that opens a live Matrix-style animated split-screen webview.

Visualization #animation
21
Ghost Align

Ghost Align

upu

Visually align operators like = without modifying your source code

Visualization #alignment
20
StrataMetriq

StrataMetriq

StrataMetriq

Architecture Intelligence & Pre-Deployment Safety in VS Code

Linters Debuggers #react
20 5.0
Workflow Monitor for Claude Code

Workflow Monitor for Claude Code

Siliroid

Watch Claude Code workflow runs live — phases, agents, token usage and retries — with a charted dashboard. Unofficial; not affiliated with Anthropic.

Visualization #claude code
20