# 减少AI生成前端界面粗糙度的文章

- 来源：Hacker News 热门（buzzing.cc 中文翻译）
- 作者：FergusArgyll
- 发布时间：2026-06-13 02:26
- AIHOT 分数：70
- AIHOT 标记：精选
- AIHOT 链接：https://aihot.virxact.com/items/cmqba5p4s00zmslru16bk26h1
- 原文链接：https://envs.net/~volpe/blog/posts/reduce-slop.html

## 精选理由

让AI把前端生成模仿Qt风格，算是我见过成本最低的去“AI味”方法，适合自己用的小工具，审美要求不高的开发者可以立刻试试。

## AI 摘要

本文介绍如何减少AI生成前端界面的粗糙度，发表于envs.net。文章针对AI产出的前端代码常出现的草率、不细致问题，提出改进方法，旨在提升生成结果的质量和可用性。

## 正文

稍微降低 AI 生成前端界面的粗糙感

2026-06-12

我一直在努力完成一项艰巨的任务：我想为自己制作一些外观尚可的个人程序，这些程序能通过 AI 智能体快速生成，然而我自己是个缺乏审美的人，而我操控的 AI 同样没有审美。我找到了一个"奇招"，对我来说已经足够——结果算不上特别好看，但至少不会让我感到恶心，我也就知足了。

粗糙风格

我拿了一个简单的单页网页应用（更多背景见下文），不断要求智能体以不同风格生成它。我发现可以有很多种不同的风格，但每一种都感觉像是粗糙之作。粗糙并不是一种独特的风格，它可以叠加在许多其他风格之上。即使我让它把页面做得像 X，结果也是带着粗糙感的 X。

Qt

只有一种生成结果让我眼前一亮。只需让它看起来像 Qt 应用——以我缺乏审美的眼光来看——几乎就消除了所有粗糙感。你可以在这里查看部分结果。这显然很主观，很难说服任何人，我也希望能得到反馈。我还希望看到更多这方面的实验：是否还有其他风格或设计指南，能让 AI 在生成时不会额外添加粗糙感？

应用背景

我读了 Axios 上的一篇文章——预测 2030 年选举人团将如何变化——我想把它可视化。我把一张图片丢进 ChatGPT，让它制作一个 270-to-win 风格的程序，包含预测的变化，这样我就能看到共和党与民主党各自的路线哪些是开放的、哪些是关闭的。

其他应用

这种风格在这个例子之外也同样适用。我现在已经让 Codex 把我所有其他个人软件都翻译成了"Qt 风格"，我认为它们看起来好多了。

gpt-5.5-thinking 在 codex cli 中 ↩