Can I use the Design Review skill for git Pull Requests?

Yes, it can analyze git diffs to understand the scope of changes and provide targeted feedback on UI/UX modifications.

Is this skill suitable for design system compliance?

Absolutely. It checks for the use of design tokens, consistent spacing scales (like 8px), and typography hierarchy to ensure alignment with your design system.

What accessibility standards does this skill check for?

The skill follows WCAG 2.1 AA guidelines, specifically checking for color contrast, keyboard navigation, semantic HTML, and proper ARIA attributes.

Does this skill require external browser tools?

Yes, it is designed to work with Playwright MCP or Chrome DevTools to perform live browser automation, screenshots, and console monitoring.

How does it handle responsive testing?

The skill triggers browser resizing to standard desktop, tablet, and mobile dimensions to detect layout breaks, horizontal scrolling, and touch target issues.

Design Review

Name: Design Review
Author: secondsky

bysecondsky

•

设计工具

Performs systematic 7-phase frontend design audits covering accessibility, responsiveness, and visual polish.

关于

The Design Review skill empowers Claude Code to conduct comprehensive UI audits and PR reviews using a rigorous 7-phase methodology inspired by industry leaders like Stripe and Airbnb. It automates the evaluation of accessibility (WCAG 2.1 AA), responsive layouts across multiple viewports, interaction states, and visual consistency, ensuring production-ready frontend code that meets high aesthetic and functional standards. By integrating with browser automation tools, it provides actionable feedback on everything from color contrast to keyboard navigation traps.

主要功能

21 GitHub stars
7-phase systematic UI audit methodology for consistent reviews
Visual polish evaluation including typography, spacing, and hierarchy
Automated accessibility checking for WCAG 2.1 AA compliance
Multi-viewport responsive testing (Desktop, Tablet, Mobile)
Deep integration with Playwright and Chrome DevTools for live testing

使用场景

Verifying responsive behavior and layout integrity across device sizes
Auditing existing pages for accessibility violations and contrast issues
Conducting comprehensive design reviews on Pull Requests before merging

关于

主要功能

21 GitHub stars
7-phase systematic UI audit methodology for consistent reviews
Visual polish evaluation including typography, spacing, and hierarchy
Automated accessibility checking for WCAG 2.1 AA compliance
Multi-viewport responsive testing (Desktop, Tablet, Mobile)
Deep integration with Playwright and Chrome DevTools for live testing

使用场景

Verifying responsive behavior and layout integrity across device sizes
Auditing existing pages for accessibility violations and contrast issues
Conducting comprehensive design reviews on Pull Requests before merging