skills.rest
ambrovia
ambroviaOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/ambrovia/agent-skills-pipeline --skill design-critique-ambrovia
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
The13thNodeThe13thNode
3

design-consultation

Create a design direction and React component mockups for a product feature.

Community
Intermediate
bughqbughq
2

stacks-image-to-code

Generate Stacks frontend components from visual design references.

Official
Advanced
sanky369sanky369
29

visual-hierarchy-refactoring

Establish consistent visual hierarchy using size, weight, and contrast.

Community
Basic
mastepanoskimastepanoski
44

ui-design-review

Evaluate digital interface polish, typography, color, spacing, and branding.

Community
Advanced