Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Critique and improve the visual design of an existing UI component with concrete implementation guidance. Use when the user asks to redesign, restyle, reimagine, polish, or improve a component, screen, or interface, especially in React and Tailwind codebases.
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-12 | ✗→✓ | ▲ Improved | 26% | 0% |
| case-08 | ✓→✗ | ▼ Worse | -88% | 0% |
| case-09 | ✓→✗ | ▼ Worse | -94% | 0% |
| case-14 | ✓→✗ | ▼ Worse | -91% | 0% |
| case-18 | ✓→✗ | ▼ Worse | -86% | 0% |
Inspect the real component and its surrounding layout before proposing changes. Reuse the repository's existing design tokens, primitives, and component conventions.
Respond in this order:
Keep the critique concise and grounded in the current code. Do not invent a new visual language when the repository already provides one.
Other measured skills in the registry, with their headline benchmark lift.