design-critique

Produces a structured UI design critique covering six phases of analysis.

Updated Nov 23, 2025

Search Tags:#anti-patterns #design critique #UI review #design intent #optical balance #principled decisions #reference audit

Ready to run

npx skills add https://github.com/vinzenz/jules-agentic-software-builder-for-claude --skill design-critique

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/vinzenz/jules-agentic-software-builder-for-claude/tree/main/.claude/skills/design-critique
Command: npx skills add https://github.com/vinzenz/jules-agentic-software-builder-for-claude --skill design-critique

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enforces a rigorous, intentional design critique process to ensure each design decision serves a product's purpose and its users, rather than generic polish.

Core Features & Use Cases

Phase-based critique workflow including intent interrogation, decision justification, optical review, anti-pattern detection, critique questions, and reference audit.
Encourages explicit design intent, principled decisions, and practical improvements aligned with user goals.
Use Case: Before finalizing a UI concept or design system component, apply this Skill to surface justification for each choice and reveal potential inconsistencies.

Quick Start

Run a design critique on the provided design artifact.

Evaluate intent and alignment with user goals.
Produce a structured critique covering phases 1-6 and actionable suggestions.

Frequently Asked Questions about design-critique

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

FAQPage Schema

What is a rigorous design critique framework for UI concepts?▼

A rigorous design critique framework evaluates UI concepts through a six-phase process: intent interrogation, decision justification, optical review, anti-pattern detection, critique questions, and reference audit. It produces a structured document with explicit decisions, pattern detections, and actionable recommendations.

How do I conduct a UI review for a pre-release design system component?▼

Conduct a UI review by interrogating design intent, justifying each decision against user goals, checking optical balance, scanning for anti-patterns, and auditing references. This surfaces justification for each choice and reveals potential inconsistencies before finalizing the component.

When do I need to apply a structured design critique process?▼

Apply a structured design critique process before finalizing a UI concept, component library, or design system during pre-release evaluation sessions. It ensures each design decision serves the product's purpose and users rather than applying generic polish.

What does an anti-pattern check look for in a design review?▼

An anti-pattern check detects inconsistent or problematic design choices during a UI review. It enforces principled decisions by aligning design intent with user goals, ensuring optical balance, and verifying that every choice serves an explicit purpose rather than generic visual polish.

Can I use this design critique workflow for component libraries and UI layouts?▼

Yes, the design critique workflow applies directly to UI layouts, component libraries, and design systems during pre-release evaluation and critique sessions. It enforces intent interrogation and optical review to output structured recommendations for any UI artifact.

Why does my UI design review lack principled decisions and optical balance?▼

A UI design review lacks principled decisions when intent interrogation and decision justification are skipped. Applying a structured critique framework enforces explicit design intent, checks optical balance, detects anti-patterns, and audits references to produce justified recommendations.