skills.rest
tuanemuy
tuanemuyCOMMUNITY
Explore all skills by this author →
GitHub

audit

Audit frontend UI/UX for accessibility, performance, theming, and responsiveness.

Updated Feb 27, 2025
Search Tags:#theming#ui#performance#accessibility#audit#frontend-design#responsiveness
One-click install
npx skills add https://github.com/tuanemuy/dotfiles --skill audit-tuanemuy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/tuanemuy/dotfiles/tree/main/config/claude/skills/audit
Command: npx skills add https://github.com/tuanemuy/dotfiles --skill audit-tuanemuy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Systematic UI/UX quality auditing across accessibility, performance, theming, and responsive behavior to surface prioritized issues and actionable recommendations. This guide documents findings without enforcing fixes, enabling teams to make informed improvements.

Core Features & Use Cases

  • Accessibility checks: contrast issues, ARIA coverage, keyboard navigation, semantic HTML usage, alt text, and form labeling notes.
  • Performance checks: layout thrashing, high-cost animations, asset optimization, and render efficiency concerns.
  • Theme & responsive checks: hard-coded colors, broken dark mode, token consistency, and breakpoint coverage.
  • Comprehensive reporting: generate a detailed, prioritized report with risk levels and actionable recommendations.
  • Use Cases: audits for dashboards, marketing sites, and complex applications to guide design and engineering work.

Quick Start

Perform a full audit across the UI to generate a prioritized findings report and export it for stakeholder review.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a comprehensive UI accessibility and performance audit on a frontend dashboard?▼

A UI audit systematically identifies and documents accessibility, performance, theming, and responsiveness issues. It generates a prioritized report with risk levels and actionable recommendations to guide dashboard improvements.

What is included in a frontend design audit for responsive layouts and dark mode?▼

A frontend design audit checks responsive breakpoint coverage, hard-coded colors, dark mode consistency, and token usage. It documents these thematic issues alongside accessibility and performance findings in a structured report.

Can I audit complex form components for ARIA coverage and keyboard navigation?▼

Yes, you can audit complex forms to identify ARIA coverage gaps, keyboard navigation issues, semantic HTML usage, and missing alt text or labels. The audit outputs a prioritized list of these quality issues.

Does this UI audit automatically fix layout thrashing and render efficiency problems?▼

No, this UI audit does not enforce fixes. It identifies high-cost animations, layout thrashing, and render efficiency concerns, then documents them with actionable recommendations for your engineering team to resolve.

What's the best way to document UI quality issues for stakeholder review?▼

The best way is to perform a full audit across accessibility, performance, theming, and responsiveness. This generates a detailed, prioritized findings report with risk levels that can be exported for stakeholder review.

Related Skills

Explore More Design & Creative Skills→
pepecczpepeccz

radix-tailwind

Implement Radix UI and Tailwind CSS patterns for MSI-a admin panels.

Community
Advanced
PingMe-NetworkPingMe-Network

audit

Audits frontend interfaces for accessibility, performance, theming, and responsive issues, producing a prioritized severity report with recommendations.

Official
Advanced
SwimmingLiuSwimmingLiu
1

audit

Audit UI quality across accessibility, performance, theming, and responsive design.

Community
Advanced
pluginagentmarketplacepluginagentmarketplace
3

automated-testing

Run Python-based prompt-injection and adversarial security tests in CI/CD pipelines.

Community
Intermediate