What kind of report does it generate?

It produces a structured markdown report categorizing issues as Critical, Warning, or Info, with specific remediation steps for each pillar.

What accessibility standards does this skill follow?

It follows WCAG 2.1 AA standards, focusing on the POUR principles: Perceivable, Operable, Understandable, and Robust.

Does it support parallel execution?

Yes, the skill is designed to run audits across its four main pillars simultaneously using sub-agents to save time and context.

Can it review mobile responsiveness?

Yes, it checks for fluid grids, touch target sizes, viewport settings, and media query implementation across standard device breakpoints.

How does it measure performance?

It evaluates code against Core Web Vitals metrics, specifically LCP (Largest Contentful Paint), FID (First Input Delay), and CLS (Cumulative Layout Shift).

UI Design Reviewer

Name: UI Design Reviewer
Author: sk8metalme

bysk8metalme

•

Design Tools

Evaluates web interfaces for accessibility, responsiveness, UX patterns, and performance using standardized audit protocols.

The design-review skill is a comprehensive toolkit for developers to audit and improve their frontend implementations. By checking code against WCAG 2.1 AA standards, mobile-first responsive principles, common UX design patterns, and Core Web Vitals, it ensures high-quality user experiences. It is particularly useful during code reviews or before production deployments to catch accessibility gaps, layout shifts, or performance bottlenecks that impact SEO and user retention.

Key Features

01UX pattern analysis for forms, navigation, and modal interactions

02Comprehensive Accessibility (A11y) auditing based on WCAG 2.1 AA standards

03Performance optimization focused on Google's Core Web Vitals

041 GitHub stars

05Responsive design verification across standard device breakpoints

06Automated parallel auditing via sub-agents for efficient processing

Use Cases

01Refactoring legacy CSS/HTML to meet modern responsive and semantic standards

02Conducting pre-deployment accessibility and performance audits

03Reviewing complex UI components like forms and modals for UX best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sk8metalme/ai-agent-setup design-review

For use in Claude.ai and ChatGPT

Download Skill