skills.rest
range-et
range-etCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

audit

Audit front-end interfaces for accessibility, performance, theming, and responsive design issues.

Updated May 16, 2025
Search Tags:#ui#performance#accessibility#a11y#audit#responsive-design
One-click install
npx skills add https://github.com/range-et/slate --skill audit-range-et
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/range-et/slate/tree/main/.cursor/skills/audit
Command: npx skills add https://github.com/range-et/slate --skill audit-range-et

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Perform comprehensive auditing of UI quality across accessibility, performance, theming, and responsive design to identify issues before they impact users.

Core Features & Use Cases

  • Diagnostic scan across accessibility, performance, theming, and responsive design.
  • Generates a prioritized, actionable audit report detailing severity, impact, and recommendations.
  • Useful for design and development teams to ensure WCAG compliance and UI quality improvements.

Quick Start

Run a full UI audit on your project and generate a detailed, prioritized report with actionable recommendations.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I perform a UI audit on my front-end project for accessibility and responsive design?▼

A UI audit scans your front-end project to identify interface quality issues across accessibility, performance, theming, and responsive design. It generates a detailed, severity-ranked report with actionable recommendations and design principle references.

What is the best way to identify WCAG compliance issues in a design system?▼

Auditing a design system identifies accessibility issues and documents them in a prioritized report. This report details severity, user impact, and actionable recommendations to ensure WCAG compliance and overall UI quality improvements.

Can I run a performance and theming diagnostic scan on individual dashboard components?▼

Yes, you can run diagnostic scans on dashboards, components, and entire product surfaces. The audit evaluates performance and theming issues, producing an action-ready report detailing severity, impact, and specific recommendations for each component.

How does a systematic UI audit prioritize accessibility and performance issues?▼

A systematic UI audit prioritizes issues by generating a severity-ranked report. It documents the impact of accessibility, performance, theming, and responsive design flaws, providing actionable recommendations to guide design and development teams.

Does a UI audit require specific dependencies to check responsive design quality?▼

No dependencies are required to perform a UI audit. The process directly evaluates responsive design quality by identifying and documenting interface issues, then outputting a detailed, prioritized report with actionable fixes.

When do I need to run an interface quality audit across my product surfaces?▼

You need an interface quality audit when preparing front-end projects or design systems for release. It identifies accessibility, performance, and theming issues before they impact users, ensuring UI quality and WCAG compliance.

Related Skills

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

baseline-ui

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

Official
Intermediate
shawn-sandyshawn-sandy

wcag-compliance-reviewer

Identify WCAG 2.1 AA accessibility violations in HTML/CSS and React/TypeScript code.

Community
Intermediate
aquariuscookaquariuscook

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 AA compliance.

Community
Advanced
shenxingyshenxingy
8

blog-audio

Generate MP3 audio narration from blog text using Gemini TTS.

Community
Intermediate