skills.rest
cfbender
cfbenderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

audit

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

4|Updated Oct 28, 2019
Search Tags:#theming#performance#accessibility#responsive design#audit#design quality
One-click install
npx skills add https://github.com/cfbender/dotfiles --skill audit-cfbender
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/cfbender/dotfiles/tree/main/dot_agents/skills/audit
Command: npx skills add https://github.com/cfbender/dotfiles --skill audit-cfbender

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill systematically identifies and documents interface quality issues across accessibility, performance, theming, and responsive design, providing a clear roadmap for improvement without making changes.

Core Features & Use Cases

  • Comprehensive Auditing: Conducts detailed checks for common and critical issues in accessibility, performance, theming, and responsiveness.
  • Anti-Pattern Detection: Specifically flags AI-generated design tells and common design anti-patterns.
  • Detailed Reporting: Generates structured reports with severity ratings, impact analysis, and actionable recommendations.
  • Use Case: A product team can use this skill to get a thorough quality assessment of a new feature's UI before launch, ensuring it meets high standards for all users.

Quick Start

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

Frequently Asked Questions about audit

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

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

Interface quality auditing involves systematic checks across accessibility, performance, theming, and responsive design to generate a structured report with prioritized issues and actionable remediation recommendations.

What is an AI-generated design tell and how do I detect anti-patterns in my UI?▼

AI-generated design tells are recognizable anti-patterns in generated interfaces. This Skill detects and flags these common anti-patterns during the audit, documenting each issue with severity ratings and impact analysis.

Can I get a responsive design and theming audit for a pre-launch UI?▼

Yes, you can audit a pre-launch UI to assess responsive design and theming quality. It provides a clear improvement roadmap by identifying critical issues and suggesting remediation commands without making code changes.

How do I generate an actionable accessibility report with severity ratings?▼

You generate an actionable accessibility report by running this audit, which performs detailed checks and outputs structured documentation including severity ratings, impact analysis, and suggested commands for remediation.

Does the UI audit automatically fix the identified design and performance issues?▼

No, the UI audit does not automatically fix issues. It performs read-only systematic checks to identify and document problems across accessibility and performance, providing actionable recommendations for your team to implement.

Related Skills

Explore More Design & Creative Skills→
Tahona-AITahona-AI

baseline-ui

Enforce UI design constraints on React, Vue, or Svelte components.

Official
Intermediate
SL-A-SHSL-A-SH

audit

Audit web interfaces for accessibility, performance, theming, and responsive defects.

Community
Advanced
ric03uecric03uec
49

itx:verify

Run make test, make lint, and make test-cov to validate code quality.

Community
Intermediate
santanapolsantanapol

browser-testing-with-devtools

Inspect live browser DOM, console logs, and network traffic via Chrome DevTools MCP.

Community
Intermediate