audit

Audit frontend interfaces for accessibility, performance, theming, and responsive design issues.

7|2|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/celanthe/clarion --skill audit-celanthe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/celanthe/clarion/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/celanthe/clarion --skill audit-celanthe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs comprehensive audits of user interfaces to identify accessibility, performance, theming, and responsive design issues, and generates a structured report with prioritized findings and recommendations.

Core Features & Use Cases

  • Accessibility checks: Inspect contrast, ARIA roles and labels, keyboard navigation, semantic HTML, alt text, and form usability to surface critical issues.
  • Performance & Theming assessments: Detect layout thrashing, unoptimized assets, and theming inconsistencies, with guidance for improvement.
  • Responsive design evaluation: Validate touch targets, breakpoints, and content flow across devices to ensure usable interfaces.
  • Reporting & remediation guidance: Produce severity-rated findings with actionable recommendations and suggested next steps, ready for handoff to other commands.

Quick Start

Run a full UI audit on your frontend project to generate a prioritized report of issues.

Frequently Asked Questions about audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a UI audit on my frontend project?

To run a UI audit, apply the Skill to your frontend project to identify interface quality issues across accessibility, performance, theming, and responsive design. It generates a structured report with severity-rated findings and prioritized recommendations for remediation.

What is included in an accessibility audit for a design system?

An accessibility audit inspects contrast, ARIA roles and labels, keyboard navigation, semantic HTML, alt text, and form usability. It surfaces critical interface issues and provides actionable recommendations for improving design system compliance.

Can I check responsive design and touch targets across devices?

Yes, the responsive design evaluation validates touch targets, breakpoints, and content flow across devices. This ensures your interfaces remain usable and properly structured on different screen sizes.

How do I detect layout thrashing and theming inconsistencies?

Performance and theming assessments detect layout thrashing, unoptimized assets, and theming inconsistencies. The audit provides specific guidance for improvement to streamline rendering and standardize your visual design.

Does the UI audit report support automated remediation workflows?

Yes, the audit produces a structured report with severity-rated findings and suggested next steps. This output is designed for handoff to other commands, enabling modular checks and supporting automated remediation workflows.

When should I use an automated UI audit instead of manual review?

Use an automated UI audit when you need rigorous, comprehensive checks across accessibility, performance, theming, and responsive design simultaneously. It delivers prioritized findings faster than manual review, ensuring structured reporting for immediate remediation.