Lint HTML, CSS, Blade, Vue, and JSX/TSX files against The Web HIG. Findings appear as Problems with rule IDs so you can fix the same issues the web scanner reports.
Install from Visual Studio Marketplace
Open the Extensions view (Ctrl+Shift+X / Cmd+Shift+X).
Search for HIG Audit.
Click Install.
Or from the Command Palette:
ext install SasthaKL.hig-audit
Install from VSIX
Download hig-audit-vscode.vsix from the HIG Audit website or build it with npm run package in this folder.
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Run Extensions: Install from VSIX… and select the file.
Reload when prompted.
Features
Inline diagnostics for HTML, CSS, SCSS, Vue, Blade, JavaScript, TypeScript, JSX, and TSX
Quick, Lite, or Full audit depth
Problems panel entries with HIG rule IDs and remediation hints
Workspace-wide scan with an average score
Runs on your machine — source is not uploaded
Commands
HIG Audit: Run on Current File — audit the active editor tab
HIG Audit: Run on Workspace — audit all supported files in the project
Right-click in a supported editor to run the current-file audit.
Settings
Setting
Default
Description
hig-audit.auditType
lite
quick, lite, or full
hig-audit.runOnSave
true
Re-run audit when saving supported files
Privacy
The extension reads the files you open or save in the workspace so it can score them. Scoring runs locally. Source, diagnostics, and scores are not sent to HIG Audit servers. See Privacy.