design-loop

Reviews designs through three independent critics and iterates until all pass.

Updated Aug 21, 2026
One-click install
npx skills add https://github.com/TylerSimons1127/vibe --skill design-loop-tylersimons1127
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-loop
Source: https://github.com/TylerSimons1127/vibe/tree/main/skills/design-loop
Command: npx skills add https://github.com/TylerSimons1127/vibe --skill design-loop-tylersimons1127

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designers and builders cannot objectively grade their own work because they remember every compromise made during creation. This Skill solves self-review bias by running fresh-context critics that evaluate a design against the brief, the design system, and visual craft standards. ## Core Features & Use Cases - Three-Critic Review: A Brief Critic checks whether requirements were met, a System Critic checks design system alignment, and a Craft Critic evaluates visual quality. - Iterative Gauntlet Loop: Failed critiques feed back into fixes, and the loop repeats until all critics pass or the budget is exhausted. - Structured Verdicts: Each critic returns PASS, REVISE, or RESTART with issues ranked by severity and specific gaps with fixes. - Use Case: After building a landing page, run the loop to get unbiased feedback on spacing rhythm, system token compliance, and brief coverage before shipping. ## Quick Start Ask the agent to run /design-loop on your current design to get a three-critic critique with severity-ranked issues.

Frequently Asked Questions about design-loop

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

FAQPage Schema
How do I get an unbiased critique of my UI design?▼

Run the design loop, which spawns three critics with fresh context that never see the builder's justifications. Each critic compares the design against the brief, the design system, and craft standards, returning a verdict with severity-ranked issues.

What are the three critics in a design review loop?▼

The Brief Critic checks whether the work matches what was asked, the System Critic checks alignment with the design system, and the Craft Critic evaluates whether the result actually looks good. Each returns PASS, REVISE, or RESTART.

Why should design critics not see builder explanations?▼

A builder remembers every compromise and unconsciously biases the review. Fresh-context critics with no builder justifications evaluate only the artifact against the reference, producing objective, specific feedback.

When does the design critique loop stop iterating?▼

The loop repeats the build-critique-fix cycle until all three critics pass or the iteration budget is exhausted. Failures are aggregated by severity and sent back for fixes on each round.

What are the limitations of automated design critique?▼

Critique quality depends on having a real reference to compare against and decomposing large designs into judgeable parts. Without a reference or with monolithic designs, feedback becomes vague and less actionable.