What problem does it solve? Redesigning UI components often goes wrong when agents rebuild existing components from memory, produce near-identical variants, or wire mockups into production incorrectly. This Skill provides the complete Replit design iteration loop as a single decision-driven workflow so every redesign follows the correct extract → sandbox → variant → graduate path. ## Core Features & Use Cases - Extract-first decision tree: Determines whether to extract an existing component or build from scratch, enforcing the "never approximate" golden rule. - DESIGN subagent brief anatomy: Defines the five required brief fields (product identity, goal, vibe, target location, variant hypothesis) and what to omit so variants are genuinely distinct. - Variant labelling and graduation gate: Standardizes canvas labels by design hypothesis and gates graduation on variant confirmation, component library differences, and mock-vs-real data, using a GENERAL subagent for production wiring. - Use Case: A user asks to redesign an existing checkout card and show three options. The Skill directs extraction of the current component as a baseline, parallel DESIGN subagents with distinct briefs, hypothesis-labelled variants on canvas, and a gated graduation of the approved variant. ## Quick Start Ask the agent to redesign an existing UI component and show variant options on the canvas, then graduate the one you approve.
