skills.rest
ft-frank
ft-frankCOMMUNITY
Explore all skills by this author →
GitHub

audit

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

1|Updated Mar 13, 2026
Search Tags:#theming#quality assurance#performance#accessibility#responsive design#ui/ux#audit
One-click install
npx skills add https://github.com/ft-frank/UNIHACK --skill audit-ft-frank
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/ft-frank/UNIHACK/tree/main/frontend/.agents/skills/audit
Command: npx skills add https://github.com/ft-frank/UNIHACK --skill audit-ft-frank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies and reports on quality issues within a user interface, covering accessibility, performance, theming, and responsiveness, to ensure a high-quality user experience.

Core Features & Use Cases

  • Systematic Checks: Performs detailed audits across accessibility, performance, theming, and responsive design.
  • Issue Reporting: Generates a comprehensive report categorizing issues by severity, impact, and providing actionable recommendations.
  • Use Case: Before launching a new feature, run the audit skill to catch potential accessibility barriers, performance bottlenecks, or theming inconsistencies that could negatively impact users.

Quick Start

Run a comprehensive audit of the entire interface, focusing on accessibility and performance issues.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit my user interface for accessibility and performance issues?▼

To audit your user interface, run a comprehensive check that scans for accessibility barriers, performance bottlenecks, and theming inconsistencies. This process generates a detailed report with prioritized issues, severity ratings, and actionable recommendations for improvement.

What specific accessibility problems can a UI quality audit detect?▼

A UI quality audit detects contrast issues, missing ARIA attributes, keyboard navigation problems, semantic HTML errors, missing alt text, and form usability errors. It also identifies AI-generated design anti-patterns that compromise accessibility.

Can I check for responsive design and dark mode issues in my web application?▼

Yes, you can check for responsive design and dark mode issues by scanning for fixed widths, small touch targets, content overflow, text scaling problems, missing breakpoints, broken dark mode, hard-coded colors, and inconsistent theme tokens.

How does a UI audit identify performance bottlenecks and render performance issues?▼

A UI audit identifies performance bottlenecks by checking for layout thrashing, expensive animations, missing optimizations, bundle size issues, and render performance problems. It categorizes these findings by impact and provides actionable recommendations.

What is the best way to prioritize UI bugs found before a feature launch?▼

The best way to prioritize UI bugs is to run a systematic audit that generates a comprehensive report categorizing issues by severity and impact. This provides actionable recommendations to resolve accessibility, performance, theming, and responsive design flaws.

Related Skills

Explore More Software Engineering Skills→
dolsoondolsoon

moai-lang-html-css

Generate semantic HTML5 markup and modular CSS with WCAG 2.1 AA accessibility.

Community
Basic
sumik5sumik5
2

implement-design

Translate Figma designs into code with token-based styling and component reuse.

Community
Advanced
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
mxyhimxyhi
467

audit

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

Community
Advanced