design-iterator

What problem does it solve?

This Skill enables proactive, systematic refinement of designs by guiding an agent to run iterative cycles: capturing focused feedback, analyzing issues, implementing improvements, and repeating until the design reaches polish.

Core Features & Use Cases

• Proactive iterative refinement: runs 5x-10x cycles to progressively improve color balance, typography, spacing, and visual hierarchy.
• Focused evaluation: captures targeted screenshots of specific UI elements to maintain context and avoid noise.
• Actionable improvements: identifies 3-5 concrete changes per cycle and applies them to design assets or CSS/code.
• Documentation and rationale: records what changed and why for traceability and learnings.
• Use Case: a designer asks to modernize a hero section; the agent iterates until the result feels cohesive and polished.

Quick Start

Use the design-iterator agent to begin iterative refinement on a chosen design area. Specify the target element and the number of iterations (e.g., 5 or 10). The agent will take focused screenshots, propose improvements, apply changes, and document outcomes.