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

Hacker News 热门(buzzing.cc 中文翻译)·2026-06-13 02:26·78天前·FergusArgyll
AI 导读

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

Hacker News 热门(buzzing.cc 中文翻译)
精选
70AI 编辑部评分,满分 100

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

2026-06-13 02:26· 78天前· FergusArgyll
AI 导读

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

推荐理由

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

正文 · AI 翻译

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

2026-06-12

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

粗糙风格

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

Qt

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

应用背景

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

其他应用

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


  1. gpt-5.5-thinking 在 codex cli 中 ↩

来源:Hacker News 热门(buzzing.cc 中文翻译)· envs.net