Design Compliance

Run a fully autonomous design system compliance audit on a page or component of the Hexagone Web application. The skill discovers source files, recursively analyzes the full component tree, visually inspects the rendered page (light + dark mode), detects all violations against the Hexagone design system rules, auto-fixes every violation in place, and prints a structured report — all without asking the user for confirmation.

When to Use This Skill

Activate when the user:

• Says "design-compliance" followed by a URL, component name, or page name
• Asks to audit or check design system compliance on a page or component
• Wants to enforce PrimeVue / Tailwind / Hexagone token conventions on existing code
• Says "check the design", "audit the UI", "design review" on Hexagone code

Core Principles

1. Full Autonomy

• The entire pipeline runs without asking questions during execution
• If no argument is provided, ask the user what to review — then run autonomously
• Files are edited in place without confirmation
• Changes are NOT committed — the developer reviews the diff