skills.rest
Tea-4-Life
Tea-4-LifeOFFICIAL
Explore all skills by this author →
GitHub

audit

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

Updated Jan 25, 2026
Search Tags:#theming#performance#accessibility#audit#quality-assurance#responsive-design#ui-quality
One-click install
npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill audit-tea-4-life
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/Tea-4-Life/Tea4Life-Frontend-Website/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill audit-tea-4-life

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams identify and document UI quality gaps across accessibility, performance, theming, and responsive design, enabling focused remediation rather than blind fixes.

Core Features & Use Cases

  • Comprehensive diagnostics across A11y, performance, theming, and responsive design, with clear severity ratings.
  • Prioritized reporting that highlights critical issues and actionable recommendations for designers and engineers.
  • Non-destructive audit mode that documents issues without making any code changes for later follow-up.

Quick Start

Use the audit skill to run a systemic quality audit on your frontend project and generate a detailed report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit UI quality for accessibility and responsive design issues?▼

A UI quality audit evaluates accessibility, performance, theming, and responsive design across your frontend project. This skill runs comprehensive diagnostics to generate a prioritized report with severity levels and actionable recommendations.

What is the best way to document frontend performance and theming gaps without changing code?▼

Running a non-destructive audit documents frontend performance and theming gaps without making any code changes. This mode records issues with severity ratings and actionable recommendations for later follow-up by design and engineering teams.

Can I generate a prioritized report for design and engineering teams from a frontend audit?▼

Yes, this skill generates a prioritized report specifically for design and engineering teams. It highlights critical UI quality issues with clear severity ratings and provides actionable recommendations for focused remediation.

Does the UI quality audit provide reproduction steps for accessibility and performance issues?▼

Yes, the audit produces a structured formal diagnostic report that includes reproduction steps for accessibility and performance issues. This report also contains issue severity levels and specific remediation guidance.

When do I need a formal diagnostic workflow for responsive design and theming?▼

You need a formal diagnostic workflow when you must identify and document UI quality gaps at scale. It satisfies this need by evaluating responsive design and theming, producing a comprehensive report for focused remediation.

Related Skills

Explore More Design & Creative Skills→
pepecczpepeccz

radix-tailwind

Implement Radix UI and Tailwind CSS patterns for MSI-a admin panels.

Community
Advanced
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
aquariuscookaquariuscook

QE Visual Accessibility

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

Community
Advanced
jetteimjetteim

dispatching-parallel-agents

Dispatch independent troubleshooting tasks to specialized agents for parallel execution.

Community
Intermediate