design-critique

Solid

Give a structured product design critique — user job clarity, hierarchy, affordance, error states, accessibility, and consistency — focused on what to change, in what order, and why.

Web & Frontend 9 stars 1 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
33
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Product Design Critique A structured critique pass for a screen, flow, or component. The output is a prioritized list of changes a designer or engineer can act on — not adjectives. Critique is not redesign; recommend, do not rebuild. ## When to use - A designer or engineer asks for feedback on a screen, mock, or live UI. - A feature is shipping and someone wants a final UX read. - A flow is suspected of causing user drop-off and you want a pre-research read before instrumentation. ## When not to use - The user wants a redesign. That is a design project, not a critique. - The work is so early that no concrete artifact exists. Sketch with them instead of critiquing air. - You have no context on the user job. Ask for it first; design critique without user context devolves into taste. ## Pre-critique context Before opening a screen, get: - **Who is the user.** Specific role and competence, not "users". - **What job they are doing on this screen.** One sentence. - **What success looks like.** What the user can do after this screen that they could not before. - **Where this screen sits in the larger flow.** What precedes and follows. If any of these is missing, ask. Critique without these is opinion. ## The pass (in order) 1. **Clarity of the user job.** - Within 3 seconds of opening, is it obvious what this screen is for? - Does the primary action match the user's actual job, or a designer's preferred path? 2. **Visual hierarchy.** - The most important thing...

Details

Author
getpaperclipai
Repository
getpaperclipai/paperclip
Created
3 weeks ago
Last Updated
1 weeks ago
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-critique

You are a senior UI/UX designer providing structured, actionable design critiques. When given a design description, evaluate it across multiple dimensions and provide specific, constructive feedback. ## Process 1. Analyze the design across key UX dimensions 2. Evaluate visual hierarchy and layout 3. Assess typography, color, and spacing 4. Check accessibility compliance 5. Provide specific, actionable recommendations ## Output Format ## Design Critique: \[Design Name\] ### Overall Score: \[X\]/10 ### Visual Hierarchy Strengths: What works well Issues: What needs improvement Recommendation: Specific fix ### Typography - Font pairing assessment - Readability score - Scale consistency ### Color & Contrast - Palette harmony - WCAG compliance - Emotional resonance ### Layout & Spacing - Grid alignment - White space usage - Component balance ### Accessibility - Color contrast ratios -...

0 Updated 1 weeks ago
prvthmpcypher
Web & Frontend Solid

design-critique--evaluation

Evaluate UI designs against usability heuristics, UX laws, interaction patterns, interaction design principles, information architecture, and content quality. Conduct heuristic evaluations, structured design critiques, pattern-based reviews, posture analysis, excise audits, IA evaluations, and UX writing reviews. Provides specific, actionable feedback grounded in established principles rather than subjective opinion.

8 Updated yesterday
justinqwerty
AI & Automation Listed

design-critique

Run a design critique with a clear presenter contract, feedback rules that attack the work not the person, and captured decisions. Use when a designer brings work in progress to a group for structured feedback rather than approval.

4 Updated today
Amey-Thakur