---
title: "Review frontend implementations for design-system quality, accessibility, and polish with Frontend Design Review"
description: "Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release."
verification: "listed"
source: "https://github.com/microsoft/skills/tree/main/.github/skills/frontend-design-review"
author: "Microsoft"
publisher_type: "organization"
category:
  - "Code Quality & Review"
framework:
  - "Multi-Framework"
---

# Review frontend implementations for design-system quality, accessibility, and polish with Frontend Design Review

Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release.

## Prerequisites

Frontend code or screenshots, design-system references such as Storybook or Figma Dev Mode, accessibility review context

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
Install the Microsoft skills repository with npx skills add microsoft/skills, then invoke frontend-design-review while reviewing implemented UI against design-system, accessibility, and visual-quality criteria.
```

## Documentation

- https://microsoft.github.io/skills/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/review-frontend-implementations-for-design-system-quality-accessibility-and-polish-with-frontend-design-review/)