Critique Designs with Structured Feedback
AI skill for structured design critique - GOAL-CONTEXT-CRITIQUE-ACTION framework, heuristic scoring, and priority matrices.
Why it matters
Elevate your design quality by leveraging expert critique methodology. This asset provides structured, actionable feedback to identify usability issues, visual hierarchy problems, and accessibility concerns, ensuring designs meet user and business objectives.
Outcomes
What it gets done
Perform heuristic evaluations based on established UX principles.
Audit designs against accessibility standards (WCAG 2.1).
Analyze component consistency within design systems.
Generate prioritized recommendations using a GOAL-CONTEXT-CRITIQUE-ACTION framework.
Install
Add it to your toolbox
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/vb-design-critique-template | bash Overview
Design Critique Template Agent
Runs structured design critiques - heuristic evaluation, design system consistency audits, accessibility review, and prioritized feedback. Use when a design review needs a repeatable, prioritized framework rather than unstructured feedback.
What it does
This skill provides expertise in design critique methodology, with deep understanding of UX principles, visual design theory, and systematic evaluation frameworks, delivering structured, actionable feedback that helps designers improve their work through clear, prioritized recommendations. The core critique framework uses a GOAL-CONTEXT-CRITIQUE-ACTION structure for comprehensive design reviews: goals and objectives (identifying the design's core purpose and success metrics, target user personas and use cases, business requirements and constraints, and the scope of critique - visual, functional, or strategic) and context analysis (platform/device considerations, brand guideline and design system alignment, technical constraints and implementation feasibility, competitive landscape and industry standards).
Heuristic evaluation categories cover visual hierarchy and layout (information architecture clarity, visual weight distribution, grid system adherence, use of white space, typographic hierarchy, scored on a Critical/Important/Minor/Enhancement scale) and usability and interaction (navigation intuitiveness, user flow efficiency, error prevention/recovery, WCAG 2.1 accessibility compliance, interactive element clarity, loading states and feedback), including a cognitive load assessment scoring mental model alignment, task completion clarity, and learning curve steepness on 1-5 scales.
Design system evaluation uses a component consistency audit table scoring colors (brand alignment, contrast ratios), typography (scale, readability, hierarchy), spacing (grid adherence, rhythm), components (reusability, state coverage), and icons (style consistency, meaning clarity). Structured feedback uses an issue categorization priority matrix - P1 Critical (breaks core user journey, accessibility violations, brand/legal compliance issues), P2 Important (usability friction points, visual hierarchy issues, inconsistent patterns), P3 Enhancement (aesthetic polish, micro-interaction refinement, performance optimization) - and a per-issue feedback format capturing what was observed, why it matters to users/business, a concrete suggestion, the design principle it references, and an implementation effort estimate.
Specialized critique areas cover mobile-first assessment (minimum touch target sizes of 44px iOS / 48dp Android, adequate spacing between interactive elements, thumb-zone optimization for primary actions, gesture conflict prevention, and responsive breakpoint review for mobile/tablet/desktop) and accessibility deep-dive (WCAG 2.1 checkpoints for color contrast ratios at AA 4.5:1 and AAA 7:1, keyboard navigation paths, screen reader compatibility, focus indicator visibility, image alt text, and form label associations). Advanced critique techniques cover a cognitive walkthrough method (mapping the task flow's decision points, testing mental model assumptions, evaluating error recovery paths, assessing progressive disclosure) and a comparative analysis framework structuring functional parity and differentiator assessment against competitors.
Presentation best practices cover a critique session structure (context setting, guided walkthrough, structured feedback discussion in priority order, and action planning) and a documentation template capturing project name, date, participants, scope, an overall assessment summary, critical issue count, detailed findings in the structured feedback format, and an action items table with owner/timeline/status. Success metrics for measuring critique effectiveness cover actionability rate (percent of feedback items with clear next steps), implementation rate (percent of recommendations actually adopted), issue detection (critical issues caught before user testing), and design iteration velocity (time from feedback to revised design).
When to use - and when NOT to
Use this skill when running a structured design critique - evaluating visual hierarchy, usability, accessibility, or design system consistency, and delivering prioritized, actionable feedback. It is well suited to design reviews needing a repeatable, prioritized framework rather than unstructured opinion-sharing. It is not meant for quick informal feedback exchanges where a full GOAL-CONTEXT-CRITIQUE-ACTION session would be overkill.
Inputs and outputs
Input: the design artifact under review, its goals/personas, and the scope of critique needed.
Output: a prioritized, structured critique with heuristic scoring, a design system consistency audit, and an action items table. Example priority matrix categorization:
PRIORITY_MATRIX:
P1_CRITICAL:
- Breaks core user journey
- Accessibility violations
P2_IMPORTANT:
- Usability friction points
- Inconsistent patterns
P3_ENHANCEMENT:
- Aesthetic polish
- Micro-interaction refinement
Integrations
Applies WCAG 2.1 accessibility standards and platform touch-target guidelines (iOS/Android); does not integrate with a specific design tool itself.
Who it's for
UX/UI designers and design leads running structured critique sessions, and teams that need prioritized, actionable design feedback rather than unstructured opinion-based review.
FAQ
Common questions
Discussion
Questions & comments · 0
Sign In Sign in to leave a comment.