VS Code Extensions

Extensions

Mermaid Auto-Doccing

Mermaid Auto-Doccing

TheTod

Extension to automatically generate documentation from Mermaid diagrams in VS Code.

Other #python
3
AI Quality Gate

AI Quality Gate

FriedCode

Audits AI-generated code diffs to prevent vibe coding leakage.

Linters Machine Learning #javascript
3 5.0
Bootstrap Grid Layout Editor

Bootstrap Grid Layout Editor

bero-labs

Visually edit Bootstrap grid layouts in HTML and Angular templates — split, resize, offset and reorder, then apply back to your file.

Visualization #javascript
3
H

HiperKit

Andeerc

HiperKit language support: syntax highlight, snippets, completions, diagnostics for .hiper.html

Programming Languages Snippets #javascript
3
React Snippets & Starter

React Snippets & Starter

aliihtsham-dev

React code snippets and project generator

Snippets #javascript
3
WebGL GLSL Linter

WebGL GLSL Linter

offscreencanvas

Get human-readable GLSL errors and support for Three.js shaders.

Linters #javascript
3
CoverTree

CoverTree

mgrosshauser

Code coverage visualization for Jest, Vitest, and NYC. Shows per-file coverage in a tree panel and line-level gutter markers.

Tools Tools/Coding #javascript
3
Wlytech - nvmrc - Node Version Guard

Wlytech - nvmrc - Node Version Guard

WlyssesCerqueira

Detects Node.js projects, checks the active Node version against .nvmrc and offers one-click nvm switch/install from the status bar and sidebar.

Other #javascript
3
Live Cognitive Complexity

Live Cognitive Complexity

yousuf360

Real-time Sonar-style cognitive complexity CodeLens for methods and classes — color-coded low / medium / high with ratio and absolute scores. Java, Python, TypeScript, JavaScript, Node.js, NestJS.

Linters #python
3
Nxpress

Nxpress

MonsieurDev

Extension for Nxpress

Snippets #javascript
3 5.0
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
ArchiGraph

ArchiGraph

archigraph

A local-first VS Code map of capabilities, use cases, API flows, and code calls for Python and web projects.

Programming Languages Visualization #python
3