Installable skillMIT

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.

BY agentskillexchangeUPDATED Oct 27, 2026
INTENDED FOR✳Claude Code>_Codex◈OpenClaw↗CursorInstall in a listed agent.

instructions.md

---
name: review-frontend-implementations-for-design-system-q-1c192c119c0d
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/)
COMPATIBILITY & REFERENCES

Platform guidance

Imported from the listed AgentSkill.sh category. Complete supplied package files and notices are retained. Required external tools and credentials are not installed. No bundled code was executed during import. Individual agent task behavior has not been tested.