用途：design-iterator 是一个 UI/UX 设计迭代技能，专门用系统化、渐进式的方式精修网页组件，把普通界面逐步打磨成更专业的效果。当设计改动尝试一两次仍不理想时，官方建议主动启用它。
主要能力：核心是“截图—分析—实现—记录—重复”的迭代循环。每轮只截取目标元素或区域的聚焦截图（而非整页），分析出 3-5 项可改进点，实施有针对性、可度量的改动（如把标题字号从 24px 提到 32px），并记录改了什么及原因。分析维度覆盖视觉层级、现代设计模式、排版、布局与细节润色。支持在被要求时做竞品调研，指南中列举了 Stripe、Linear、Vercel、Notion、Mixpanel、Wistia 作为参考风格。
使用方式：先确认目标组件与文件路径、迭代次数（默认 10 次）和可选的竞品站点，再用 agent-browser 有头模式打开浏览器并设置视口（小组件 800x600、中等区块 1200x800、整页区块 1440x900）。常用命令包括 agent-browser --headed open [url]、agent-browser snapshot -i 取元素引用、agent-browser scrollintoview @e1 滚动聚焦、agent-browser screenshot output.png 截图。每轮输出固定格式：Iteration N/Total、可用的地方、唯一要改进的一点、具体改动、实现、新截图。
限制：每次只做 1-2 处小改动，不做超出要求的功能、重构或“顺手优化”；若找不出一个明确改进点即视为设计完成，应停止迭代。要保持既有功能和可访问性，不撤销此前好的改动。若用户在上下文中提及某种设计风格（如 Swiss、极简、类似 Stripe），应提取其网格、排版、色彩与布局原则并贯穿所有迭代。文中未提供具体价格、计费方式或平台支持信息。