How-to

让 Agent 用极端数据测试界面布局,再按截图做 UI review

Why we picked it

一个马上能用的技巧:让 Agent 塞极端数据把你的界面搞坏,再截图做 UI review。双 Agent 一个挑刺一个修,还能避免自我开脱。

Emil Kowalski 分享了一个 AI 使用技巧:让 Agent 往界面里塞超长或超短文本、超长姓名、异常邮箱和极端数字等 edge case,制造 worst-case 布局。

Body

然后对截图做 UI review,按问题清单逐条修复。评论区还提出双 Agent 方案:一个负责找问题、另一个负责修复,类似 code review 流程。

作者 vikingmute 指出同一条对话里既找问题又改代码,模型容易自我开脱,并已在 herdr 中实践这个方法论。

Original · Viking

非常棒的关于设计和交互的 tip,超级实用,任何模型都可以做,可以让agent 往里面界面中塞各种 edge case 看看界面的表现,就是 worst-case 布局,比如超长或者超短的文本,各种极端数字等等,然后对着截图做 UI review,再按问题清单修。 评论中还说,可以让一个 agent audit 然后截图交给另外一个修复,和 code review 一样,我也喜欢这种两个 agent 的方式,同一条对话里又找问题又改代码,模型容易自我开脱,我已经在 herdr 中实践了这个方法论,很实用。 Emil Kowalski @emilkowalski One of my recent favorite AI use cases: asking it to try and break the stuff I built. Adding lots of data, long names, unusual emails, labels, etc. Coming up with worst case scenario basically. This is a vibe-coded demo, but you get the idea.

Industry Coordinates & Source Verification

This report is categorized under AITOP's "How-to" desk, focusing on US frontier AI labs and Silicon Valley technology leaders. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include UI review, Agent, edge case, vibe coding.

Source attribution: curated from Viking (@vikingmute).