skills.rest
raphaelmans
raphaelmansCOMMUNITY
Explore all skills by this author →
GitHub

audit

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

Updated Feb 28, 2026
Search Tags:#theming#performance#a11y#frontend#audit#responsive-design#ui-quality
One-click install
npx skills add https://github.com/raphaelmans/agent-skills --skill audit-raphaelmans
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/raphaelmans/agent-skills/tree/main/audit
Command: npx skills add https://github.com/raphaelmans/agent-skills --skill audit-raphaelmans

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design, and generate a structured report with actionable recommendations.

Core Features & Use Cases

  • Accessibility checks: contrast, ARIA, keyboard navigation, semantic HTML, alt text, and form issue checks.
  • Performance checks: layout thrashing, expensive animations, asset optimization, bundle size, and render performance improvements.
  • Theming & Responsive checks: dark mode support, token consistency, theme switching reliability, and responsive constraints.
  • Anti-pattern discovery: identify critical frontend anti-patterns and document issues for remediation.
  • Use Cases: QA teams producing executive reports; design systems validation; developers fixing prioritized issues.

Quick Start

Run the audit against the target UI to generate a comprehensive 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 comprehensive frontend audit for accessibility and performance issues?▼

A frontend audit scans interfaces to identify and document accessibility, performance, theming, and responsive design issues, generating a structured report with severity-based findings and prioritized recommendations for remediation.

What does a UI accessibility audit check for?▼

A UI accessibility audit checks for contrast issues, ARIA usage, keyboard navigation, semantic HTML, alt text, and form issues. It references WCAG standards to document severity-based findings for remediation.

How do I validate dark mode support and theme switching reliability?▼

Validate dark mode support and theme switching by running a theming audit that checks token consistency, theme switching reliability, and responsive constraints, detecting anti-patterns and documenting issues for remediation.

Does this interface audit check for frontend performance issues like layout thrashing?▼

Yes, the interface audit checks frontend performance issues including layout thrashing, expensive animations, asset optimization, bundle size, and render performance improvements to generate prioritized recommendations.

Can I use this audit to generate executive reports for QA cycles?▼

Yes, QA teams can use this audit to produce executive reports during QA cycles by generating a comprehensive diagnostic scan and a structured, prioritized issue list for design and development teams.

Related Skills

Explore More Design & Creative Skills→
veerababumanyamveerababumanyam

frontend-design

Generate production-grade frontend interfaces with design-system tokens and reusable components.

Community
Basic
SL-A-SHSL-A-SH

audit

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

Community
Advanced
RaNDoM6913RaNDoM6913
1

ui-reviewer

Audit frontend UI for accessibility, semantic HTML, z-index, and animation issues.

Community
Intermediate
UnicornUnicorn

analyzer-agent

Perform read-only static analysis and security scanning of codebases.

Official
Advanced