Back to skills

frontend-design-review

design

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

Setup & Installation

npx skills add https://github.com/microsoft/frontend-design-review --skill frontend-design-review
or paste the link and ask your coding assistant to install it
https://github.com/microsoft/frontend-design-review
View on GitHub

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

  • Working with frontend design review functionality
  • Implementing frontend design review features
  • Debugging frontend design review related issues