uiseal — VS Code Extension

Design-system governance inside your editor. uiseal checks that every file (human or AI written) follows your team's design tokens and component rules — with zero network traffic unless you opt in.

Install

Search uiseal in the Extensions panel, or install directly:

ext install uiseal.uiseal-vscode

Open in Marketplace

Requirement: a uiseal.config.json in your project root.

Features

Live scan

Trigger a full workspace scan from the command palette (uiseal: Run Check) or the activity bar. While running, the panel shows a spinner, progress bar, and a live file log as each file is checked.

Summary screen

After every scan, a summary screen displays error, warning, and high-priority counts with a count-up animation, plus a debt trend bar chart. Auto-dismisses after 10 seconds.

Violation panel

The full panel groups violations by file. For each violation:

Rule tag — identifies which design-system rule fired
Frozen pills — mark violations that are baselined
Go to — jumps to the exact line in your editor
Apply fix — rewrites the violation automatically for supported rules

Filtering

Filter by file path or message text
Severity filter: All / Errors / Warnings
Rule filter: custom dropdown listing every rule in the current result set

New only / Show all

Toggle between violations introduced since the last baseline and the full list.

Baseline management

Command	What it does
`uiseal: Update Baseline`	Stamps current violations as accepted debt
`uiseal: Prune Resolved Baseline Entries`	Removes entries that no longer appear in the codebase

Inline diagnostics

Squiggles appear on save for every violation. Click the lightbulb or press Cmd+. / Ctrl+. to apply an auto-fix inline.

Status bar

◇ uiseal: 3 errors · 12 warnings — updates on every save. Click to open the panel.

Optional beta announcements fetched from the uiseal server. Off by default; enable via uiseal.showBetaBanner: true in VS Code settings (requires network access).

Commands

Command	Description
`uiseal: Run Check`	Scan the entire workspace
`uiseal: Open Panel`	Open the violation panel
`uiseal: Check this file/folder`	Right-click a file or folder in the explorer
`uiseal: Fix All Auto-fixable in File`	Apply all available fixes in the active file
`uiseal: Fix All Auto-fixable in Workspace`	Apply all available fixes across the workspace
`uiseal: Update Baseline`	Baseline current violations
`uiseal: Prune Resolved Baseline Entries`	Clean up the baseline

Settings

Setting	Default	Description
`uiseal.showBetaBanner`	`false`	Fetch and show beta announcements. Enables a network request to the uiseal server; off by default to keep the extension fully offline.

Requirements

VS Code 1.80+
uiseal.config.json in the workspace root

uiseal