Review Frontend Implementations For Design System Quality Accessibility And Polish With Frontend Design Review

---
name: "Review frontend implementations for design-system quality, accessibility, and polish with Frontend Design Review"
slug: "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: "security_reviewed"
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

Use the upstream install or setup path that matches your environment:
- npx skills add microsoft/skills
- git clone https://github.com/microsoft/skills.git
- pnpm install
- pnpm harness --list

Requirements and caveats from upstream:
- | [Python](#python) | 39 | -py |
- ├── plugins/ # Language-based plugin bundles (azure-sdk-python, etc.)
- ├── python/ # -> ../.github/skills/*-py

Basic usage or getting-started notes:
- bash
- Select the skills you need from the wizard. Skills are installed to your chosen agent's directory (e.g., .github/skills/ for GitHub Copilot) and symlinked if you use multiple agents.
- <details>

- Source: https://github.com/microsoft/skills/tree/main/.github/skills/frontend-design-review
- Extracted from upstream docs: https://raw.githubusercontent.com/microsoft/skills/HEAD/README.md

## 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/)