skills.rest
sugar-cat7
sugar-cat7COMMUNITY
Explore all skills by this author →
Website𝕏@sugar235711GitHub

design-review

Audit UI/UX designs for color, typography, accessibility, tokens, and copy.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#ui-ux#design-tokens#design-review#color-contrast#copy-writing
One-click install
npx skills add https://github.com/sugar-cat7/ai-avatar-interview --skill design-review-sugar-cat7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/sugar-cat7/ai-avatar-interview/tree/main/.agent/skills/design-review
Command: npx skills add https://github.com/sugar-cat7/ai-avatar-interview --skill design-review-sugar-cat7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured UI/UX design review to validate color choices, typography, accessibility, design-tokens, and copy quality across a product.

Core Features & Use Cases

  • Color validation: contrast ratios, palette consistency, and visual harmony across screens.
  • Typography checks: font scale, line-height, spacing, and legibility adherence.
  • Accessibility compliance: keyboard navigation, ARIA labeling, and WCAG guidance alignment.
  • Design-token verification: token consistency with design system specs.
  • Copy review: tone, clarity, and consistency across interfaces.

Quick Start

Review the provided design assets against guidelines and generate a prioritized list of issues.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I check color contrast and WCAG accessibility in a UI design?▼

To check color contrast and accessibility, audit your UI design against WCAG guidance, verifying contrast ratios, keyboard navigation, and ARIA labeling to generate a prioritized list of compliance issues.

What does a design token consistency review include?▼

A design token consistency review verifies that your UI components use tokens matching your design system specs, validating color, typography, and spacing variables across product screens for visual harmony.

How do I audit typography scale and legibility in my product design?▼

To audit typography, check your font scale, line-height, spacing, and legibility adherence to ensure text readability and visual consistency across all interface screens.

Can I review UI copy quality and tone during a design QA sprint?▼

Yes, you can review UI copy quality during a design QA sprint by checking tone, clarity, and consistency across interfaces alongside color, typography, and accessibility validation.

Does this UI/UX design review work for accessibility remediation workflows?▼

Yes, this UI/UX design review works for accessibility remediation workflows by enforcing checks for color contrast, ARIA labeling, keyboard navigation, and WCAG heuristics to produce prioritized issues.

Related Skills

Explore More Design & Creative Skills→
hujianbesthujianbest
1

hf-ui-review

Review UI design drafts and generate structured findings reports.

Community
Advanced
0xbillw0xbillw
2

speckit-taskstoissues

Convert task list items into dependency-ordered GitHub issues.

Community
Advanced
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced