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.

Agent Chat Tree

Agent Chat Tree

dn9uy3n

Visualize Claude Code AI agent sessions as an interactive tree

Visualization
5
Shipyard for VS Code

Shipyard for VS Code

earthdata

Visualize your Shipyard sprint, backlog, and spec in the VS Code sidebar.

Visualization #claude code
5
Conflict Resolution Diff

Conflict Resolution Diff

kaisumi

View Git conflict resolution diffs from Visual Studio Code.

Visualization #git
5
Progressive Skills Editor

Progressive Skills Editor

gregoriomomm

Layered explorer for progressive-disclosure agents on watsonx Orchestrate (ADR-0015 taxonomy): AGENT (dispatcher EXPANDS to the intents it serves + exposed utility tools) · CELL-SKILLS (the cells, grouped by the skill-function they load) · SKILL-FUNCTIONS (the executables, the intent->function merge

Visualization #yaml
5
vf-clamp — Variable Font Clamper

vf-clamp — Variable Font Clamper

Overpunch

Generate restricted variable fonts from named instance ranges

Formatters Visualization #Font
5 5.0
SchemaDoc — Living Database Documentation

SchemaDoc — Living Database Documentation

mjethwa-streamlit

Auto-generate markdown database docs from your Prisma/SQL schema — tables, columns, constraints, and relationships. Mermaid ERDs, auto-update on save, and Notion publishing with Pro.

Visualization #sql
5
PostQuantum.Jwt

PostQuantum.Jwt

systemslibrarian

Visual token inspector, hybrid-construction & validation-flow diagrams, snippets, and quick links for the PostQuantum.Jwt .NET library (ML-DSA-65 + X-Wing).

Snippets Visualization #json
5
O

Omena CSS Modules

omena

Go to Definition, Hover, Autocomplete, Diagnostics, Quick Fixes, and Find References for classnames/bind cx() patterns with CSS Modules.

Programming Languages Linters #javascript
5
Cope and Drag for Alloy

Cope and Drag for Alloy

SiddharthaPrasad

Pairs the Alloy Analyzer with the Cope and Drag visualizer in a VS Code webview.

Programming Languages Visualization #formal methods
5
Codventure

Codventure

uwol-is-june

Code to grow a pixel monster — your companion evolves as you save files and code.

Visualization
5
Little Oxford

Little Oxford

smith-street-software

Live architecture diagrams in VS Code — your AI agent writes a loose system model, you drag and refine it as a diagram.

Visualization #json
5
Leap Home

Leap Home

whyisee

Personal knowledge dashboard for Cursor / VS Code with AI search, notes, Pomodoro, tasks, calendars, and knowledge graph.

Visualization #productivity
5