skills.rest
drhazemibclc
drhazemibclcCOMMUNITY
Explore all skills by this author →
GitHub

design-iterator

Refine UI designs through iterative screenshot analysis and targeted changes.

Updated Mar 22, 2026
Search Tags:#design#ui#refinement#prototyping#iteration#screenshot
One-click install
npx skills add https://github.com/drhazemibclc/plate --skill design-iterator-drhazemibclc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-iterator
Source: https://github.com/drhazemibclc/plate/tree/main/.codex/skills/design-iterator
Command: npx skills add https://github.com/drhazemibclc/plate --skill design-iterator-drhazemibclc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Iterative UI design refinement steps help teams converge on polished interfaces when initial attempts are incomplete or when user requests incremental improvements.

Core Features & Use Cases

  • Iterative design cycles with focused screenshots and targeted improvements
  • Proactive design-iterator suggestions for deeper refinements
  • Documentation of changes and rationale for each iteration

Quick Start

Provide a design task and let the agent begin the iterative refinement workflow.

Frequently Asked Questions about design-iterator

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

FAQPage Schema
How do I refine UI design through iterative analysis and screenshot feedback?▼

You can refine UI design by running iterative analysis cycles that use screenshot feedback to apply 1-2 targeted visual improvements per iteration, documenting the rationale for each change.

What is the best way to structure iterations for button color and typography tweaks?▼

The best way to structure iterations for typography and button color adjustments is to stage them as focused cycles, applying 1-2 targeted changes per iteration and documenting the rationale for measurable visual improvements.

Can I use screenshot feedback to guide layout refinements across web components?▼

Yes, screenshot feedback is used to guide layout refinements across web components, allowing the workflow to analyze visual states and suggest deeper targeted improvements for each iteration cycle.

Does this iterative design workflow support staged documentation for visual improvements?▼

Yes, the workflow supports staged documentation by recording the applied changes and design rationale for each iteration, ensuring visual improvements are tracked and measurable throughout the refinement process.

Are there limitations to how many targeted changes I should make per design iteration cycle?▼

Yes, the primary constraint is applying only 1-2 targeted changes per iteration cycle, ensuring UI refinements remain structured, measurable, and easy to evaluate through screenshot feedback.

Related Skills

Explore More Design & Creative Skills→
xoaixoai
25

ux-audit

Extract colors, typography, spacing, and component patterns from web page screenshots.

Community
Intermediate
jordanhubbardjordanhubbard
105

web-designer

Translate product goals into polished Loom UI designs with documented specs.

Community
Intermediate
se1111thse1111th

design

Delegate design tasks to a subagent for frontend visual refinement and asset generation.

Community
Intermediate
hi-yuki-922hi-yuki-922
1

i-quieter

Desaturate colors, soften typography, and simplify layouts in digital designs.

Community
Intermediate