skills.rest
alexzhang1030
alexzhang1030COMMUNITY
Explore all skills by this author →
𝕏@alexz_devGitHub

i-audit

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

Updated Mar 17, 2026
Search Tags:#theming#performance#accessibility#frontend#audit#responsive-design
One-click install
npx skills add https://github.com/alexzhang1030/platform-demo --skill i-audit-alexzhang1030
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-audit
Source: https://github.com/alexzhang1030/platform-demo/tree/main/.agents/skills/i-audit
Command: npx skills add https://github.com/alexzhang1030/platform-demo --skill i-audit-alexzhang1030

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams spot interface problems before they ship, turning scattered UI concerns into a structured audit with clear priorities.

Core Features & Use Cases

  • Accessibility checks: Reviews contrast, labels, semantics, focus handling, and form usability.
  • Performance and responsiveness: Flags expensive rendering patterns, fixed layouts, touch target issues, and overflow risks.
  • Theming and anti-pattern detection: Catches hard-coded colors, dark mode gaps, and AI-generated design tells.
  • Use case: Ask it to audit a page or component when you need a severity-ranked report and concrete recommendations.

Quick Start

Ask the i-audit skill to review the specified area of your interface and return a prioritized report of issues, impact, and recommended follow-up commands.

Frequently Asked Questions about i-audit

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

FAQPage Schema
How do I run a frontend accessibility and performance audit on my components?▼

Run a frontend accessibility and performance audit by requesting a review of your page or component, which inspects contrast, semantics, keyboard support, and rendering patterns to return a severity-ranked report.

What is a UI audit and how does it detect responsive design issues?▼

A UI audit is a systematic inspection that flags layout behavior risks like fixed layouts, touch target issues, and overflow across responsive breakpoints to produce prioritized recommendations.

Can I use automated UI audits to catch dark mode and theming anti-patterns?▼

Yes, automated UI audits can detect theming anti-patterns by catching hard-coded colors, identifying dark mode gaps, and flagging AI-generated design tells within your design system.

Does this frontend audit work with existing design systems and component libraries?▼

This frontend audit applies to existing design systems and component libraries by inspecting token usage, layout behavior, and semantics to generate a comprehensive severity-ranked report.

What's the best way to prioritize UI issues found during a frontend audit?▼

The best way to prioritize UI issues is to generate a severity-ranked report that evaluates impact across accessibility, performance, theming, and responsive design, providing concrete follow-up recommendations.

Related Skills

Explore More Design & Creative Skills→
damien-schneiderdamien-schneider
32

web-design-guidelines

Evaluate UI source code against Web Interface Guidelines for accessibility and design consistency.

Community
Intermediate
JansenAnalyticsJansenAnalytics
5

responsive-checker

Test responsive design across mobile, tablet, and desktop viewports using Chromium scripts.

Community
Intermediate
DevelopersGlobalDevelopersGlobal
65

ci-cd-pipelines

Automate CI/CD pipelines with quality gates and deployment processes.

Official
Advanced
MohammedSaudAlsahliMohammedSaudAlsahli

web-perf

Audit web performance using Chrome DevTools profiling tools and Core Web Vitals.

Community
Advanced