frontend-design-review
Reviews UI implementations against three quality pillars (Frictionless, Quality Craft, Trustworthy) and design system specs, or builds production-grade frontend interfaces from scratch with a defined aesthetic direction.
Setup & Installation
What This Skill Does
Reviews UI implementations against three quality pillars (Frictionless, Quality Craft, Trustworthy) and design system specs, or builds production-grade frontend interfaces from scratch with a defined aesthetic direction. Covers PR reviews, accessibility audits, design token compliance, and component reviews.
Replaces ad-hoc UI feedback with a structured scoring system tied to specific pillars, so reviewers catch the same classes of issues every time instead of relying on whoever happens to look at a PR.
When to use it
- Catching hardcoded color values instead of design tokens during a PR review
- Auditing a new onboarding flow against WCAG 2.1 AA criteria
- Checking that a component matches its Figma Dev Mode specs before merging
- Building a landing page with a deliberate aesthetic direction rather than a generic layout
- Scoring a feature's UI against the three quality pillars and prioritizing blocking issues
Similar Skills
gif-sticker-maker
Takes a photo of a person, pet, object, or logo and generates 4 animated GIF stickers in Funko Pop / Pop Mart figurine style.
wpds
Assists with building UI components and interfaces using the WordPress Design System (WPDS).
accessibility
Audits and improves web accessibility against WCAG 2.
algorithmic-art
Generates algorithmic and generative art using p5.