a11y-perf-audit

Detect and fix accessibility and performance regressions in UI components.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill a11y-perf-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-perf-audit
Source: https://github.com/ricardohg1998-create/Plantilla-repo/tree/main/.agent/skills/a11y-perf-audit
Command: npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill a11y-perf-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill detects and fixes accessibility and performance regressions in UI components.

Core Features & Use Cases

  • Accessibility audit: keyboard navigation, focus management, labels, error messaging, contrast, and reduced motion checks.
  • Performance audit: identify expensive renders, layout thrash, and list rendering inefficiencies.
  • Deliverables and workflow: document findings and fixes to guide implementation and ensure reproducibility.

Quick Start

Run the a11y-perf-audit on the target UI to generate a report detailing findings and recommended fixes, then publish the results to docs/a11y_perf_audit.md and implement the changes.

Frequently Asked Questions about a11y-perf-audit

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

FAQPage Schema
How do I audit UI components for accessibility and performance regressions?

To audit UI components for accessibility and performance regressions, run a formal procedure that checks keyboard navigation, focus management, contrast, reduced motion, and expensive render paths. It outputs findings and recommended fixes published to docs/a11y_perf_audit.md.

What is included in an accessibility audit for UI components?

An accessibility audit for UI components includes checks for keyboard navigation, focus management, labels, error messaging, contrast, and reduced motion. It identifies regressions in these areas and outputs recommended fixes in a formal markdown report.

How do I identify expensive renders and layout thrash in my UI?

To identify expensive renders and layout thrash in your UI, run a performance audit that detects list rendering inefficiencies and expensive render paths. It applies a formal procedure to document performance regressions and recommend fixes.

When should I run an accessibility and performance audit on my UI?

You should run an accessibility and performance audit on your UI before release and after major UI changes. This timing ensures new regressions in keyboard navigation, contrast, or expensive render paths are detected and fixed before users are impacted.

Does the a11y-perf-audit procedure require any specific dependencies or components?

The a11y-perf-audit procedure requires no specific dependencies or components to run. It applies a formal procedure directly to your UI components to detect accessibility and performance regressions and output a markdown report.

What is the best way to document accessibility and performance fixes for reproducibility?

The best way to document accessibility and performance fixes for reproducibility is to publish audit findings and applied changes to docs/a11y_perf_audit.md. This formal report guides implementation and ensures the workflow is reproducible.