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

Ready to run

npx skills add https://github.com/zm2231/personal-os-cowork --skill design-feedback

💬 Prompt for ChatGPT / Claude Chat▼

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.