Pantheon UX Audit (Harmonia)

To audit UI patterns for design consistency, this Skill analyzes frontend components to verify adherence to a Design Language Reference, checking for accessibility gaps, responsive breakpoints, and interaction patterns. It categorizes findings by severity to highlight deviations.

A Design Language Reference (DLR) is the baseline standard for UI elements used during a UX audit. You need one to verify conformance of new features, or you can use BOOTSTRAP mode to establish a new DLR for projects lacking existing design system documentation.

Checking frontend components for accessibility gaps and responsive breakpoints is handled by extracting and documenting UI patterns during the audit. The Skill evaluates your files against the DLR and produces categorized findings for any detected issues.

Yes, you can establish a design system for a new project using BOOTSTRAP mode. This mode analyzes your frontend files to extract and document existing UI patterns, creating a new Design Language Reference to govern future development and maintain harmony.

The best way to prevent visual discord when adding new UI elements is to run AUDIT mode after developing a feature. It identifies deviations from your existing Design Language Reference, ensuring new buttons, forms, and navigation match your established design system.

To categorize the severity of interaction pattern deviations, the Skill evaluates your frontend files against the DLR and outputs findings categorized by severity. This allows you to prioritize fixes for design harmony and accessibility gaps effectively.