ui-audit

What it does

The ui-audit skill enables AI agents to perform comprehensive audits of user interfaces. It analyzes visual and structural elements to ensure compliance with design standards, accessibility guidelines, and functional requirements.

When to use it

• Validating that a new website layout meets WCAG 2.1 accessibility criteria before launch.
• Checking if an e-commerce checkout flow adheres to specific brand UI guidelines.
• Auditing a dashboard's responsiveness across different screen sizes and devices.
• Ensuring all interactive elements on a mobile app have proper ARIA labels for screen readers.

Key capabilities

• Automated scanning of interface components for structural integrity.
• Detection of accessibility violations within the user interface.
• Verification of design consistency against established style guides.
• Identification of functional gaps in UI interactions.

Example prompts

• "Run a full UI audit on this landing page to check for color contrast issues."
• "Audit the checkout process flow to ensure all buttons are keyboard navigable."
• "Scan the mobile app interface and report any missing alt text or ARIA labels."

Tips & gotchas

This skill requires access to the target interface's source code or a live URL to perform its analysis effectively. Ensure the environment being audited is stable, as dynamic content changes may affect audit accuracy.