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.

Claude Usage HUD

Claude Usage HUD

DolphinDream

Always-visible Claude Code usage windows (5-hour, 7-day, and per-model such as Fable) and the active window's model, in the status bar, a floating HUD, and a panel. Standalone: reads your own Claude Code login, no extra setup.

Visualization #keybindings
20
Qsys View

Qsys View

YaroslavMariukha

Explore Intel Platform Designer .qsys systems, exported Tcl scripts, and *_hw.tcl components as readable layered graphs.

Visualization #fpga
20 5.0
Bun Deps

Bun Deps

myles-carrick

Inline colour-coded dependency status for package.json, with one-click updates and catalog navigation — powered by Bun's outdated & audit CLIs.

Linters Visualization #bun
20
SightRead

SightRead

WaylongLeon

A reading lens for code: highlight, fold and dim to read in place; AI signposts and route-finding to navigate the codebase.

Visualization #annotation
20 5.0
Markdown Flow

Markdown Flow

JoelGarciaJr

Edit Markdown files visually inside VS Code — WYSIWYG rich-text editing with real-time bidirectional sync and one-click toggle back to source.

Formatters Visualization #markdown
20
Coding Session Todos

Coding Session Todos

abslabs

Live sidebar view of your Claude Code sessions — todos, state, and context usage — across all your open windows.

Visualization AI #ai
20
Graph Explorer

Graph Explorer

Skrety

Visualize and explore a metadata graph (nodes + edges) as an interactive, filterable map — an Obsidian-style graph view inside your editor.

Visualization #obsidian
20
Codebase Memory Engine

Codebase Memory Engine

Dhruvin1312

Advanced Architecture Intelligence & Dependency Visualization Platform — 100% static analysis, zero AI

Linters Visualization
20
npm-dependency-manager

npm-dependency-manager

noritaka1166

Inspect npm dependencies, export CycloneDX and SPDX SBOMs, find outdated packages, vulnerabilities, licenses, and package-lock details from the VS Code sidebar.

Linters Visualization #javascript
20
Status Light

Status Light

thorn-reaper-dev

🚦 在 VS Code 状态栏显示红绿灯,实时反馈代码编译状态:🟢 绿灯(正常)、🟡 黄灯(编辑中)、🔴 红灯(错误)

Visualization #小说
20 5.0
SDP Mapping View - EV2 Rollout Config Visualizer

SDP Mapping View - EV2 Rollout Config Visualizer

kyrone

Visualize, validate, and inspect EV2 rollout mapping configurations for service deployment pipelines.

Linters Visualization #json
20
Git Code Review

Git Code Review

CodeReviewExtension

An Enterprise-ready code review governance workspace for code reviewers inside VS Code, with AI Coding Guard, Git context, Human-in-the-Loop findings, local-first RAG, cloud AI, Team collaboration foundations, SSO/RBAC, audit logs and AI governance.

Visualization Testing #git
20