VS Code Extension
Inline UX insights right in your editor with the VertaaUX VS Code Extension
VS Code Extension
The VertaaUX VS Code Extension brings UX and accessibility insights directly into your editor. See issues as you code, navigate to problems instantly, and apply suggested fixes without leaving your development environment.
Early Access: This extension is v0.1.0 with a focused feature set. It connects to a local MCP Server for analysis.
Quick Install
Install from the VS Code Marketplace:
code --install-extension vertaaux.vertaaux-assistantOr search "VertaaUX" in the VS Code Extensions panel.
Key Features
- Scan Current File - Analyze the active editor for UX issues
- Scan Workspace - Audit all matching files in your project
- Issues TreeView - Custom panel to browse and navigate issues
- Quick Fixes - Apply suggested fixes via code actions
- Confidence Filtering - Control which issues appear based on confidence level
How It Works
The extension connects to a running VertaaUX MCP Server via HTTP:
VS Code Extension --HTTP--> MCP Server --API--> VertaaUX- You run a scan command
- Extension sends code to your local MCP Server
- MCP Server calls the VertaaUX API
- Results appear as VS Code diagnostics (squiggly lines)
- Issues also show in the VertaaUX panel
Requirements
| Requirement | Details |
|---|---|
| VS Code | Version 1.85 or later |
| MCP Server | Running in HTTP mode (see MCP Setup) |
| API Key | VertaaUX API key (passed to MCP Server) |
Current Capabilities (v0.1.0)
This is an early-stage extension designed for inline feedback during development:
| Feature | Status |
|---|---|
| Scan single file | Available |
| Scan workspace | Available |
| Issues TreeView | Available |
| Quick fix suggestions | Available |
| Auto-scan on save | Planned |
| Live audit integration | Planned |
Documentation
Quickstart
Scan your first file in 5 minutes
Commands
All 3 available commands
Configuration
Settings for server URL, thresholds, and limits
MCP Setup
Connect to your local MCP Server
Supported File Types
The extension analyzes files with UI code:
.tsx- React TypeScript.jsx- React JavaScript.vue- Vue.js single-file components.html- Static HTML.svelte- Svelte components
Also Available
Get VertaaUX insights through other surfaces:
- Chrome Extension - Audit live websites in the browser
- MCP Server - AI-assisted auditing in Claude, Cursor, or Continue.dev
- CLI - Terminal commands for local development and CI/CD
Was this page helpful?