What is design-iterator?
Iteratively refines UI design through N screenshot-analyze-improve cycles. Use PROACTIVELY when design changes aren't coming together after 1-2 attempts, or when user requests iterative refinement. Source: udecode/plate.
·design-iterator
*
design-iterator
✓Iteratively refines UI design through N screenshot-analyze-improve cycles. Use PROACTIVELY when design changes aren't coming together after 1-2 attempts, or when user requests iterative refinement.
Installation
How to Install design-iterator
Quickly install design-iterator AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/udecode/plate --skill design-iterator
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: udecode/plate.
SKILL.md
View rawContext: User asks to change button color but result still looks off. user: "Change the button to blue"
assistant: [makes change, takes screenshot] "The button is now blue, but I notice the overall color balance still feels off. Would you like me to use the design-iterator agent with 5 iterations to systematically improve the color harmony and visual balance?"
PROACTIVE USE: After a simple change doesn't fully resolve the design issue, suggest the design-iterator to do deeper work. Context: User's design request leads to something that doesn't look right.
Iteratively refines UI design through N screenshot-analyze-improve cycles. Use PROACTIVELY when design changes aren't coming together after 1-2 attempts, or when user requests iterative refinement. Source: udecode/plate.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/udecode/plate --skill design-iterator- Source
- udecode/plate
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-10
- Updated
- 2026-03-10
Quick answers
How do I install design-iterator?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/udecode/plate --skill design-iterator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/udecode/plate
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-10