ui-review-checklist

Evaluate UI design, accessibility, and performance across platforms during reviews.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill ui-review-checklist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review-checklist
Source: https://github.com/kleon6436/GitHubCopilotSettings/tree/main/skills/ui-review-checklist
Command: npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill ui-review-checklist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI reviewers often struggle to ensure visual consistency, accessibility, and cross-platform behavior across design systems, platforms, and handoffs.

Core Features & Use Cases

  • Cross-platform evaluation of visual design, layout, accessibility, typography, and text quality
  • Structured checks for responsive behavior, interaction states, and performance
  • Use Case: during PR reviews, QA sessions, or pre-handoff handoffs to ensure UI quality across Web, iOS, Android, Windows, and macOS

Quick Start

Run this checklist before merging a UI PR to ensure cross-platform consistency.

Frequently Asked Questions about ui-review-checklist

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

FAQPage Schema
How do I run a cross-platform UI review checklist before merging a pull request?

A cross-platform UI review checklist evaluates typography, contrast, component usage, layout, state design, and platform conventions across Web, iOS, Android, Windows, and macOS. It enforces consistent evaluation of visual design, accessibility, i18n, dark mode, and performance during QA sessions and handoffs.

Can I use this UI review checklist for responsive design and accessibility checks on both Web and mobile?

Yes, this UI review checklist supports responsive design and accessibility checks across Web, iOS, and Android. It provides structured checks for responsive behavior, interaction states, contrast, and platform conventions to ensure consistent UI quality on both web and mobile platforms.

What's the best way to ensure UI consistency across iOS, Android, Windows, and macOS during handoffs?

The best way to ensure UI consistency during handoffs is applying a platform-agnostic UI review checklist. It enforces structured checks for typography, component usage, state design, and platform conventions across iOS, Android, Windows, and macOS to catch visual and interaction issues early.

Does this cross-platform design review checklist cover dark mode and internationalization?

Yes, this cross-platform design review checklist explicitly covers dark mode and internationalization (i18n). It enforces consistent evaluation of these aspects alongside visual design, interaction, accessibility, and performance to ensure comprehensive UI quality across all supported platforms.

How do I evaluate interaction states and performance in a QA session using a UI review checklist?

Evaluate interaction states and performance in a QA session by applying the UI review checklist's structured checks. It enforces concrete criteria for state design, responsive behavior, and performance metrics, providing clear success and fix guidance to identify visual and interaction issues across platforms.