稍微降低 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生成的UI在会话之间漂移的问题吗?好奇人们如何为编码代理构建设计规则
一位开发者探讨了为什么AI编码代理在不同会话中生成不一致的UI,并比较了自然语言规则文件、Tailwind配置以及Google Labs的design.md等结构化标记规范等解决方案,寻求实际有效的反馈。
AI构建的UI需要证据关卡:设计Token、截图、视觉质量检查
本文认为,AI生成的UI需要设计Token、截图和视觉质量检查等证据关卡来保证质量,并介绍了Superloopy——一个强制执行这些检查的CLI工具。
为AI网络代理设计支持代理的网站:面向机器可读性、可操作性和决策可靠性的框架
本文介绍了一个为AI网络代理设计“支持代理的网站”框架,该框架提升了AI代理的可读性、可解释性和可操作性。实验中,该框架在多种代理模型上显著提高了成功率和效率。
@JoePro: https://x.com/JoePro/status/2076877282312954311
关于如何使用 Claude 的自定义技能功能来改进前端 UI 设计的提示,避免 AI 生成的设计看起来千篇一律。
你是自己写代码,还是让AI代理来做?以及如何获得好的UI设计
探讨手动编写代码与使用AI代理之间的权衡,并提供关于如何实现良好UI设计的建议。