skills.rest
andrey-belen
andrey-belenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-design-review

Evaluate UI/UX quality with a structured design-review framework.

Updated Aug 23, 2026
Search Tags:#quality assurance#accessibility#responsive design#design system#design review#UI guidelines#WCAG 2.1
One-click install
npx skills add https://github.com/andrey-belen/alto-iam-cloud --skill frontend-design-review-andrey-belen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design-review
Source: https://github.com/andrey-belen/alto-iam-cloud/tree/main/.claude/skills/frontend-design-review
Command: npx skills add https://github.com/andrey-belen/alto-iam-cloud --skill frontend-design-review-andrey-belen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured framework to evaluate UI/UX quality, ensuring accessibility, consistency, and visual polish across interfaces, which reduces review time and rework.

Core Features & Use Cases

  • Design principles and review methodology covering accessibility (WCAG 2.1 AA), responsive design, component standards, and interaction patterns.
  • Structured reports with prioritized findings to streamline stakeholder feedback.
  • Use during development, PR reviews, and QA to validate design quality and adherence to the design system.

Quick Start

Use the frontend-design-review skill to guide a design review on a new UI component.

Frequently Asked Questions about frontend-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I conduct a structured UI design review for web interfaces?▼

A structured UI design review evaluates accessibility, consistency, and visual polish using defined criteria and checklists. This framework provides a reporting structure to streamline stakeholder feedback during feature development and QA assessments.

What is included in a UI/UX evaluation checklist for PR reviews?▼

A UI/UX evaluation checklist for PR reviews includes design principles covering WCAG 2.1 AA accessibility, responsive design, component standards, and interaction patterns to validate design quality and adherence to the design system.

Can I use a design review framework to check WCAG 2.1 AA accessibility compliance?▼

Yes, you can use a design review framework to check WCAG 2.1 AA accessibility compliance. It provides specific evaluation criteria to ensure web interfaces meet required accessibility standards during QA assessments.

How do I report design review findings with prioritized issues for stakeholders?▼

You report design review findings with prioritized issues using a structured reporting format. This approach streamlines stakeholder feedback by organizing evaluation results and highlighting critical UI inconsistencies or accessibility failures.

Does a front-end design review guide work for responsive design and component standards validation?▼

Yes, a front-end design review guide works for responsive design and component standards validation. It defines specific evaluation criteria and interaction patterns to verify visual polish across different screen sizes and UI components.

Related Skills

Explore More Design & Creative Skills→
sachio222sachio222

ddia-systems

Design data systems using the DDIA framework for storage, replication, partitioning, and transactions.

Community
Advanced
petbrainspetbrains
13

frontend-design-review

Review frontend UI/UX designs for accessibility and responsive behavior.

Official
Basic
kimmyxpowkimmyxpow

wcag-audit-patterns

Identify and remediate WCAG 2.2 accessibility violations with automated testing and checklists.

Community
Advanced
anton-abyzovanton-abyzov
156

visual-regression

Detect unintended visual changes in web applications via screenshot comparison and pixel-diff analysis.

Community
Advanced