audit

Audit user interfaces for accessibility, performance, and responsive defects.

Updated May 22, 2026
One-click install
npx skills add https://github.com/Nweremizu/ekklesia --skill audit-nweremizu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/Nweremizu/ekklesia/tree/main/.junie/skills/audit
Command: npx skills add https://github.com/Nweremizu/ekklesia --skill audit-nweremizu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams catch usability problems in a user interface before release, with a focus on accessibility, performance, and responsive behavior that often slips through feature work.

Core Features & Use Cases

  • Accessibility review: Checks focus visibility, keyboard reachability, touch target size, labels, error messaging, and reduced-motion behavior.
  • Performance review: Flags animation and layout patterns that can cause jank, CLS, or unnecessary repaint and reflow work.
  • Responsive review: Verifies mobile-first behavior, safe-area handling, touch overlap risks, and horizontal overflow at small screen widths.
  • Use case: A frontend team can run this Skill on a dashboard or settings flow to get a prioritized list of critical usability fixes before shipping.

Quick Start

Use the audit skill to review the target UI and return prioritized findings in the required table format.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I check my frontend UI for accessibility and responsive design issues?

To check your frontend UI for accessibility and responsive design issues, evaluate keyboard access, focus visibility, reduced-motion support, and mobile horizontal overflow. This process returns prioritized findings to resolve critical usability defects before release.

How do I run a pre-release QA audit on frontend screens and components?

Run a pre-release QA audit on frontend screens by evaluating layouts for keyboard reachability, touch target overlap, and animation performance. The audit generates a prioritized table of findings to fix critical usability and responsive behavior issues before shipping.

Can I use this UI audit to check for layout performance and unnecessary repaints?

Yes, you can use this UI audit to check layout performance and unnecessary repaints. It flags animation and layout patterns that cause jank, high CLS, or unnecessary reflow work, returning prioritized findings to optimize frontend rendering performance.

What is the best way to verify mobile-first responsive behavior and safe-area handling?

The best way to verify mobile-first responsive behavior and safe-area handling is to audit the UI for touch overlap risks and horizontal overflow at small screen widths. This responsive review ensures layouts adapt correctly across mobile devices.

Does a frontend accessibility review cover touch-target sizing and error messaging?

Yes, a frontend accessibility review covers touch-target sizing and error messaging. It also verifies labels, keyboard reachability, and reduced-motion behavior to ensure all interactive elements meet accessibility standards for all users.