Audit UI quality across accessibility, performance, theming, and responsive design.
npx skills add https://github.com/SwimmingLiu/easy-skills --skill audit-swimmingliu
Please help me install this Agent Skill. Skill: audit Source: https://github.com/SwimmingLiu/easy-skills/tree/main/skills/frontend/audit Command: npx skills add https://github.com/SwimmingLiu/easy-skills --skill audit-swimmingliu
This Skill addresses the challenge of ensuring high-quality user interfaces by systematically identifying and reporting issues across accessibility, performance, theming, and responsiveness.
Run a full audit of the current interface, focusing on accessibility and performance.
High-intent search queries and answers about installing and using this skill.
Responsive design audits evaluate layout behavior across breakpoints to identify flaws. The audit analyzes how your interface adapts to different screen sizes and reports responsive design issues with severity ratings and specific recommendations for frontend optimization.
A theming consistency check for dark mode support includes analyzing theming token usage and verifying dark mode implementation. The audit detects inconsistencies in your theming tokens and generates a detailed report with severity ratings and actionable recommendations for resolving theming violations.
To check if your UI meets accessibility standards before release, run a comprehensive audit that evaluates semantic HTML, image alt text, form validation, and ARIA attributes. The audit produces a structured report highlighting accessibility violations categorized by severity with impact analysis.
Yes, you can analyze bundle size and asset optimization during a UI audit. The audit examines your frontend assets, identifies performance bottlenecks related to bundle size and asset optimization, and provides actionable recommendations in a structured report categorized by severity.
The best way to identify layout thrashing and animation performance issues is to run a comprehensive frontend quality audit. The audit systematically analyzes animation performance and layout thrashing, generating a detailed report with severity ratings and impact analysis for frontend development optimization.
ProjectEuropaCreate CSS-first Tailwind v4 design systems with @theme blocks and container queries.
SChannarongGenerate frontend code with accessibility, theming, and responsive behavior.
kennedym-dsEvaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.
mxyhiAudit interface quality across accessibility, performance, theming, and responsive design.
