design-critique

Review screens and flows to produce prioritized, actionable design feedback.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/adamtpang/summon.company --skill design-critique-adamtpang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/adamtpang/summon.company/tree/main/packages/skills-catalog/catalog/optional/product/design-critique
Command: npx skills add https://github.com/adamtpang/summon.company --skill design-critique-adamtpang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design feedback often devolves into subjective taste or vague opinions. This Skill structures a critique of any screen, flow, or component into a prioritized list of concrete changes, so designers and engineers know exactly what to fix, in what order, and why. ## Core Features & Use Cases - Structured nine-step review pass: Covers user job clarity, visual hierarchy, affordances, states, forms, accessibility, consistency, copy, and edge cases. - Severity-ranked output: Findings are grouped into must-fix, should-fix, and nice-to-fix, each with a one-line issue and a concrete suggested fix. - Context-first discipline: Requires user role, job, and success criteria before critiquing, preventing feedback based on personal taste. - Use Case: Before shipping a new onboarding flow, run a critique pass to catch missing empty states, weak primary actions, and accessibility gaps, then hand the prioritized list to the team. ## Quick Start Ask the AI to critique a specific screen or flow, providing who the user is, what job they are doing, and what success looks like.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I get actionable feedback on a UI design?

Run a structured critique pass covering user job clarity, visual hierarchy, affordances, states, forms, accessibility, consistency, copy, and edge cases. Output findings grouped by severity, each with one issue and one concrete suggested fix.

What should a design critique include before shipping a feature?

A pre-ship critique should check that the primary action matches the user's job, empty and error states are designed, forms validate correctly, contrast meets WCAG AA, and copy uses outcome-naming verbs. Findings should be ranked must-fix, should-fix, and nice-to-fix.

What context is needed before critiquing a screen?

You need the specific user role, the job they are doing on that screen in one sentence, what success looks like, and where the screen sits in the larger flow. Without these, critique devolves into personal taste rather than useful feedback.

When should you not use a design critique?

Skip a critique when the user wants a full redesign, when no concrete artifact exists yet, or when user context is missing. Critique recommends changes to existing work; it does not replace a design project or early sketching.

What accessibility checks does a design review cover?

The review checks WCAG AA color contrast, logical keyboard focus order, mouse-free reachability of interactive elements, non-color-only signaling of critical information, and touch targets of at least 44 by 44 pixels on mobile.