design-critique

Evaluate UI design variants against a multi-dimensional rubric for design system token adherence.

Updated Jun 12, 2026

Search Tags:#design #ui #accessibility #evaluation #pipeline #critique

Ready to run

npx skills add https://github.com/ambrovia/agent-skills-pipeline --skill design-critique-ambrovia

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/ambrovia/agent-skills-pipeline/tree/main/skills/design-critique
Command: npx skills add https://github.com/ambrovia/agent-skills-pipeline --skill design-critique-ambrovia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the issue of subjective or biased design evaluation by enforcing a cold, objective review process that separates the creator from the evaluator.

Core Features & Use Cases

9-Dimension Rubric: Scores design variants against visual hierarchy, typography, accessibility, and premium polish.
Iterative Improvement: Automatically triggers re-scoring until variants meet a quality threshold of 7/10 or higher.
Use Case: Use this during Phase 5 of your development pipeline to ensure that UI components generated by the pipeline-planner meet your project's specific design system tokens and aesthetic standards before implementation.

Quick Start

Run the design-critique skill for the current work package to evaluate all generated design variants against the project rubric.

Frequently Asked Questions about design-critique

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

FAQPage Schema

How do I evaluate UI design variants objectively during a frontend review?▼

UI design variants are evaluated against a 9-dimension rubric covering visual hierarchy, typography, accessibility, and premium polish to enforce an objective, unbiased review process during frontend development workflows.

What dimensions are scored in a design critique rubric?▼

The design critique rubric scores UI variants across nine dimensions, specifically evaluating visual hierarchy, typography, accessibility, and premium polish to enforce objective, high-fidelity design system adherence.

How do I automate design quality thresholds for UI components?▼

Automate design quality thresholds by triggering iterative re-scoring on generated UI components until variants meet a minimum quality threshold of 7/10 or higher against the project's multi-dimensional design system rubric.

Do I need a configured design system to run a visual accessibility audit?▼

Yes, performing visual accessibility audits of component mockups requires a configured design system and screenshot capability to verify generated UI adheres to project-specific aesthetic standards and design tokens.

When should I run a design evaluation in my development pipeline?▼

Run a design evaluation during Phase 5 of your development pipeline to ensure UI components generated by the pipeline-planner meet design system tokens and aesthetic standards before final implementation.