AuditArchitect OS eligible

Design System Auditor

Verifies codebase adherence to design system specifications. Audits design tokens, component patterns, typography, color palette, spacing, and responsive behavior.

How to activate

Say any of these phrases in your IDE to trigger this skill:

“design system audit”“design tokens”“component consistency”“design audit”“UI consistency”“style guide check”

Run via CLI

enterprise-skills run design-system-auditor

Aliases:

design-auditdesign-tokensui-consistencystyle-guide-checkcomponent-consistency

Relationships

Depends on:

Governance Enforcement

Enforces Pre-Code Gate, model roles, preflight resolution, mid-session handoff, execution logging, and feedback capture. Reads .project-ai/ authority pack when available.

Coordinates with:

UX Heuristic Evaluator

Expert UX evaluation using Nielsen's 10 Heuristics, cognitive walkthroughs, information architecture audits, and form UX analysis. Severity-rated findings with actionable recommendations.

Accessibility Audit

Scans for WCAG 2.1 AA compliance — alt text, ARIA roles, keyboard navigation, color contrast, focus management.

Visual Regression Agent

Automated visual regression testing. Captures baseline screenshots, compares across viewports and browsers, detects pixel-level diffs, classifies changes, and manages approval workflows.

Refactor Agent

Takes a refactoring goal, analyzes impact, plans changes, executes safely, verifies no regressions. Includes post-refactor anti-hallucination verification for import paths, barrel exports, test references, and pattern consistency.