Installs into .claude/skills of the current project.
Are you the author of Review Frontend Implementations For Design System Quality Accessibility And Polish With Frontend Design Review?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/agentskillexchange-review-frontend-implementations-for-design-system-)
---
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/)
