减少AI生成前端界面粗糙度的文章
阅读原文· envs.net让AI把前端生成模仿Qt风格,算是我见过成本最低的去“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 ↩