# 减少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 同样没有品味。我发现了一个“奇招”，对我来说效果足够了——结果不算特别美观，但至少不会让我反胃，我也就知足了。

粗糙风格

我拿了一个简单的单页 Web 应用（更多背景见下文），不断要求智能体以不同风格生成它。我发现可以有多种不同的风格，但每一种都感觉像是粗糙产物。粗糙并不是一种独立的风格，它可以叠加在许多其他风格之上。即使我让它把页面做成 X 的样子，最终看起来也是带点粗糙感的 X。

Qt

只有一种生成结果让我眼前一亮。简单要求它做成 Qt 应用程序的样子——以我这种没有品味的眼光来看——几乎去掉了所有粗糙感。你可以在这里查看一些结果。这显然很主观，很难说服别人，我也希望得到反馈。同时，我很想看到更多这方面的实验：还有没有其他风格或设计指南，能让 AI 在不叠加粗糙感的前提下生成？

应用背景

我读了 Axios 上的一篇文章——关于 2030 年选举人团将如何变化的预测——我想把它可视化。我把一张图片扔进 ChatGPT，要求它做一个 270-to-win 风格的程序，包含这些预测变化，这样我就能看到哪些路径对共和党或民主党开放或关闭。

其他应用

这种风格在这个例子之外也确实有效。我现在已经让 Codex 把我所有其他个人软件都翻译成“Qt 风格”了，我觉得它们看起来好多了。

gpt-5.5-thinking in codex cli ↩