Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From GSD Core
Conducts a retroactive 6-pillar visual audit of implemented frontend code, producing a graded UI-REVIEW.md (1-4 per pillar) for any project.
How this skill is triggered — by the user, by Claude, or both
Slash command
/gsd-core:gsd-ui-review [phase][phase]This skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
<objective>
<execution_context>
@/.claude/gsd-core/workflows/ui-review.md
@/.claude/gsd-core/references/ui-brand.md
</execution_context>
npx claudepluginhub open-gsd/gsd-corePerforms comprehensive UI/UX design reviews using Playwright for live environment testing, responsive validation across viewports, WCAG 2.1 AA accessibility scans, visual polish, interaction flows, and code health analysis.
Audits UI screenshots, Figma designs, or live sites for visual quality, design consistency, brand alignment, design system compliance, and issues like WCAG contrast failures pre-launch.
Audits existing UI pages for visual hierarchy, spacing, alignment, and priority issues. Systematically prioritizes fixes to elevate designs to production quality.