稍微降低 AI 生成前端的粗糙程度
摘要
作者发现,指示 AI 代理按照 Qt 风格生成 Web 前端,可以大大减少 AI 生成的 UI 中常见的“粗糙”问题,并分享了结果,呼吁进一步实验。
暂无内容
查看缓存全文
缓存时间: 2026/06/12 17:55
# 稍微减少 AI 生成前端的“糊感”
来源:https://envs.net/~volpe/blog/posts/reduce-slop.html
2026-06-12
我一直在尝试推进一项艰巨的任务:我希望拥有一些个人使用的、外观尚可的程序,并且能借助 AI 代理快速生成——然而,我是一个毫无品味的人,控制的又是一个毫无品味的 AI。我发现了一个“诡异的小技巧”,对我而言足够有效,结果算不上*特别好看*,但至少不会让我反胃,能这样我就知足了。
### 糊感之风格
我拿一个简单的单页网页应用(下文有更多背景),不断要求同一个 AI 代理¹(https://envs.net/~volpe/blog/posts/reduce-slop.html#fn:1)以不同风格生成它。我发现可以有很多种风格,但每一种都感觉像“糊”。糊感并非一种明确的风格,它可以叠加在许多其他风格之上。即使我让它把页面做得像 X,最终效果也仍是 X*加上*糊感。
### Qt
只有一次生成让我眼前一亮。只是简单地要求它做成 Qt 应用的样子——以我毫无品味的眼睛来看——几乎去掉了所有的糊感。你可以在这里(https://envs.net/~volpe/projects/ai-design.html)看看部分结果。这显然很主观,很难说服任何人,我也很想听听反馈。我还希望看到更多这方面的实验——有没有其他风格或设计准则,AI 能在不叠加糊感的前提下生成出来?
### 应用背景
我读了 Axios 的这篇文章(https://www.axios.com/2026/05/18/republicans-trump-approval-democrats-electoral-college)——预测 2030 年选举人团将如何变化——我想把它可视化。我把一张图片扔进 ChatGPT,让它写一个 270toWin 风格的程序,并加入预测的变化,这样我就能看到哪些路线对共和党和民主党打开或关闭。
### 其他应用
这个技巧在我的例子之外也适用。我现在已经让 Codex 把我所有其他的个人软件都翻译成“Qt 风格”,而且我觉得它们看起来好多了。
相似文章
一位开发者分享关于如何最大化AI代理能力的见解,认为更简单的设置和理解核心原则比复杂的工具和库更有效。
一位开发者分享关于如何最大化AI代理能力的见解,认为更简单的设置和理解核心原则比复杂的工具和库更有效。
@svpino: 构建AI代理最难的部分之一是将它们与你的用户界面连接起来。大多数人意识到的问题:代理会……
Santiago Valdarrama讨论了将AI代理与用户界面集成的挑战,指出代理打破了传统的请求/响应模式。
@ataiiam: 所有UI都将变成AI 这是你需要给你的Agent提供前端的文章。Agent-用户协作是未来…
该推文推广了一篇关于AI改变UI并实现Agent-用户协作的文章。
如何避免AI代码质量下降
本期通讯文章讨论了AI生成代码速度超过人工代码审查速度所导致的“AI代码质量下降”问题,并提供了平衡速度与质量的策略。
@PrajwalTomar_: 别再怪AI导致界面丑陋了。AI不是问题。你跳过了最关键的一步。每个发布AI应用的开发者……
认为丑陋的AI应用UI是由于缺少结构化的设计系统,而非AI本身。推荐使用Moonchild创建基于token的组件,让Codex能够读取以实现一致的界面。