skills.rest
kiryteo
kiryteoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-critique

Analyze visual designs for usability issues and prioritized improvements.

1|Updated Mar 9, 2026
Search Tags:#feedback#accessibility#a11y#usability#design-principles#visual-hierarchy#design-critique
One-click install
npx skills add https://github.com/kiryteo/opencode-setup --skill design-critique-kiryteo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/kiryteo/opencode-setup/tree/main/skills/design-critique
Command: npx skills add https://github.com/kiryteo/opencode-setup --skill design-critique-kiryteo

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Designers and product teams often struggle to translate subjective impressions into concrete, actionable feedback, leading to inconsistent iterations and stalled progress.

## Core Features & Use Cases

  • First Impression: quickly assess what the design communicates and if it matches the intended purpose.
  • Usability & Navigation: evaluate ease of use, task flow, and discoverability of actions.
  • Visual Hierarchy & Consistency: analyze typography, spacing, color usage, and alignment with the design system.
  • Accessibility: check color contrast, text readability, and inclusive design considerations.
  • Use Case: provide a prioritized list of improvements for a given mockup to guide design tokens and revisions.

### Quick Start Provide a concise, structured critique of the provided design and return a prioritized list of actionable improvements.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I get structured design feedback on a mockup?▼

Structured design feedback is generated by analyzing mockups to identify usability issues and improvement opportunities. The critique covers first impressions, usability, visual hierarchy, consistency, and accessibility, returning a prioritized list of actionable improvements.

What is the best way to evaluate visual hierarchy and usability in a prototype?▼

Evaluating visual hierarchy and usability in a prototype involves analyzing typography, spacing, color usage, task flow, and discoverability of actions. This process checks alignment with design principles and returns prioritized recommendations for interface revisions.

Can I check accessibility and color contrast issues in my interface design?▼

Checking accessibility and color contrast in interface design is supported by applying inclusive design considerations. The analysis evaluates text readability and color contrast, incorporating these findings into a prioritized list of actionable improvements.

Does design critique work for both web and mobile interfaces?▼

Design critique works for both web and mobile interfaces. It analyzes visual designs across these platforms to identify usability issues, offering critiques on first impressions, navigation, visual hierarchy, and accessibility.

Related Skills

Explore More Design & Creative Skills→
rknallrknall
58

UI/UX Design Review

Evaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.

Community
Advanced
getcrew44getcrew44
358

design-critique

Provides prioritized UI/UX design feedback for specified stages.

Official
Basic
diegocamara89diegocamara89
3

interface-design

Enforce a design system workflow for dashboards, admin panels, and SaaS apps.

Community
Advanced
Kingdaddy007Kingdaddy007
2

UI/UX & DESIGN THINKING

Apply UI/UX heuristics and accessibility best practices to interface design decisions.

Community
Advanced