skills.rest
Daiwik-Chilukuri
Daiwik-ChilukuriCOMMUNITY
Explore all skills by this author →
GitHub

audit

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

2|Updated Mar 21, 2026
Search Tags:#theming#ui#performance#a11y#audit#diagnostics#responsive
One-click install
npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill audit-daiwik-chilukuri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI/tree/main/.claude/skills/audit
Command: npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill audit-daiwik-chilukuri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design, producing a detailed report of issues with severity ratings and recommendations.

Core Features & Use Cases

  • Accessibility (A11y) checks: contrast, ARIA roles, keyboard navigation, semantic HTML, alt text, and form validation.
  • Performance checks: layout thrashing, expensive animations, image optimization, bundle size, and render efficiency.
  • Theming checks: usage of design tokens, dark mode consistency, token alignment, and theme-switch reliability.
  • Responsive Design checks: fixed widths, touch targets, horizontal overflow, and mobile breakpoint coverage.
  • Anti-Patterns (CRITICAL): identify common UI anti-patterns to avoid, and surface issues for remediation.

Note: This is an audit-focused skill meant to surface issues; use other commands to implement fixes after discovery.

Quick Start

Run a comprehensive UI audit on the target interface to produce a prioritized, actionable report.

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 accessibility and performance audit on my frontend codebase?▼

Run a UI audit to automatically scan your frontend codebase for accessibility, performance, theming, and responsive design issues. The process generates a detailed remediation-ready report classifying issues by severity for immediate action.

Can I check dark mode consistency and design token usage in my web app?▼

Yes, you can check dark mode consistency and design token usage by running a theming audit. This process evaluates token alignment and theme-switch reliability across your web app to surface inconsistencies for remediation.

What is the best way to identify responsive design anti-patterns like fixed widths and horizontal overflow?▼

Identifying responsive design anti-patterns requires a UI audit that checks for fixed widths, horizontal overflow, touch target sizes, and mobile breakpoint coverage. It surfaces these critical issues with severity ratings in a detailed report.

Does this UI diagnostic tool fix the layout thrashing and render efficiency issues it finds?▼

No, this UI diagnostic tool does not fix issues. It is strictly audit-focused to surface layout thrashing, render efficiency, and other performance problems with actionable recommendations, requiring other commands to implement fixes after discovery.

Can I use this to audit mobile-responsive interfaces and dashboards?▼

Yes, you can use this to audit mobile-responsive interfaces and dashboards. The diagnostic scanning applies directly to front-end codebases and design systems to evaluate responsive behavior and overall interface quality.

Related Skills

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

baseline-ui

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

Official
Intermediate
Columbia-Cloudworks-LLCColumbia-Cloudworks-LLC
1

tailwind-design-system

Standardize Tailwind UI with design tokens, CVA components, and dark mode patterns.

Official
Advanced
haidonglethqbhaidonglethqb

ui-styling

Create accessible React interfaces with shadcn/ui and Tailwind CSS.

Community
Advanced
acarmonagacarmonag
2

Pair Programming

Facilitate collaborative development with role management and real-time code quality verification.

Community
Advanced