skills.rest
zm2231
zm2231COMMUNITY
Explore all skills by this author →
GitHub

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Updated Apr 8, 2026
Search Tags:#branding#accessibility#ui-ux#design-feedback#visual-critique#design-checklist
One-click install
npx skills add https://github.com/zm2231/personal-os-cowork --skill design-feedback
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-feedback
Source: https://github.com/zm2231/personal-os-cowork/tree/main/.claude/skills/design-feedback
Command: npx skills add https://github.com/zm2231/personal-os-cowork --skill design-feedback

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates guesswork by providing structured, constructive feedback on UI/UX designs, graphics, and visual assets, helping creators improve usability, aesthetics, and accessibility quickly.

Core Features & Use Cases

  • Tiered Review Levels: Guided, confident, and anticipatory reviews with checklists, deep analysis, and proactive validation.
  • Accessibility & Usability Checks: WCAG contrast ratios, keyboard navigation, screen‑reader compatibility, and touch‑target sizing.
  • Design System Alignment: Consistency with branding, component libraries, and responsive breakpoints.
  • Handoff Preparation: Asset inventory, specification completeness, and communication notes for developers.
  • Use Cases: Reviewing website mockups, mobile app screens, branding materials, dashboards, and any visual deliverable needing expert critique.

Quick Start

Ask the design-feedback skill to review the UI mockup you provide and receive a detailed feedback report.

Frequently Asked Questions about design-feedback

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

FAQPage Schema
How do I get structured UI/UX design feedback on my website mockups?▼

You can get structured UI/UX design feedback by submitting your website mockups for review. The tool evaluates usability and aesthetics, delivering structured checklists, WCAG contrast assessments, and actionable improvement suggestions instantly.

What is included in an accessibility and usability check for visual deliverables?▼

An accessibility and usability check for visual deliverables evaluates WCAG contrast ratios, keyboard navigation, screen-reader compatibility, and touch-target sizing. This ensures your UI mockups meet essential usability standards for all users.

Can I use this to review branding materials and mobile app screens?▼

Yes, you can review branding materials and mobile app screens. The critique process applies to any visual deliverables requiring aesthetic evaluation, assessing design system alignment and consistency across responsive breakpoints.

What's the best way to prepare design assets for developer handoff?▼

The best way to prepare design assets for developer handoff is to generate an asset inventory, verify specification completeness, and compile communication notes. This ensures your UI/UX designs are clearly understood by developers.

Does design feedback evaluate design system alignment and component consistency?▼

Yes, design feedback evaluates design system alignment and component consistency. It reviews your visual deliverables against branding guidelines, component libraries, and responsive breakpoints to ensure structural uniformity.

Related Skills

Explore More Design & Creative Skills→
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
Community-AccessCommunity-Access
387

design-system

Validate design system tokens for WCAG AA/AAA contrast, focus, and touch target compliance.

Official
Advanced
rioX432rioX432
2

ux-audit

Audits user interfaces for usability, accessibility, and platform guideline compliance.

Community
Advanced