通过 Qt 风格提示词减少 AI 前端“垃圾感” (Slop)\n\n## 使用 Qt 风格提示词可减少 AI 界面“垃圾感"\n\n提示 AI 智能体以 Qt application 的风格生成用户界面，可以显著减少 AI 生成的前端中常见的视觉不连贯和“垃圾感”（slop）。虽然 AI 可以生成各种风格，但“垃圾感”——其特征是缺乏品味和设计一致性——往往会覆盖在这些风格之上。请求一种特定的、传统的桌面框架风格（如 Qt），可以为 AI 提供一套高度连贯的设计规则供其遵循，从而为个人工具带来更专业、更不突兀的外观。\n\n## 前端设计中“AI 垃圾感”的概念\n\nAI “垃圾感”并不是一种独特的视觉风格，而是一种可以应用于任何设计请求的不连贯质量。即使在指示 AI 模仿某种特定审美时，生成的输出往往也会让人感觉费力程度低或视觉上脱节。\n\n在一个实际的实验中，一名开发者在 Codex CLI 中使用 gpt-5.5-thinking 创建了一个用于选举人团预测的可视化工具。尽管尝试了多种风格，但大多数结果都感觉像“垃圾感”，直到智能体被明确要求让应用看起来像一个 Qt application。这种方法成功地转化到了其他个人软件项目中，提供了连贯的外观和感觉，避免了 AI 生成的 Web 设计中常见的陷阱。\n\n## 为什么 Qt 风格提示词有效\n\nQt 风格提示词的有效性可能归功于 Qt 在 AI 训练数据中的密度和连贯性。\n\n> Qt 在训练数据中占有很大比重。Qt 已经存在了几十年，模型很可能见过 Qt 教程、截图、源代码、讨论等等。因此，“Qt application”在潜空间中是一个高度连贯的概念。\n\n由于 Qt 几十年来一直是桌面应用程序的标准，AI 对“Qt app”长什么样有一个稳定且命名的分布，这使得它能够生成比被要求创建通用的“现代” Web 界面时更一致的 UI。\n\n## 减少 AI 垃圾感的其他策略\n\n社区讨论建议了其他几种实现高质量 AI 生成界面的方法：\n\n### 使用成熟的设计系统\n而不是要求 AI 从头开始发明一个组件库，开发者可以指示智能体使用现有的、流行的设计系统，例如 MUI (Material UI)。这可以确保连贯性并利用行业内已解决的问题。\n\n### 视觉指南和设计板\n为 AI 提供视觉参考可以防止“无计划建设”的问题。有效的技术包括：\n- Diffusion-to-Code: 使用扩散模型先渲染一个视觉 UI，然后使用 LLM 从该图像构建前端。\n- Design Boards: 提供一个包含模板颜色的 PNG “设计板”，并要求 AI 在实现实际应用之前先构建一个 UI 组件库的设计展示。\n\n### 特定的传统或品牌风格\n与 Qt 方法类似，提示词请求特定的、定义明确的传统系统或品牌可以产生更好的结果：\n- Windows 9x/95: 提示词请求 GDI controls 以实现严格的、基于规则的层级结构。\n- Microsoft Office 2007 或 Windows Vista: 将这些作为一致视觉系统的锚点。\n- Google Podcasts: 使用特定的现代应用作为风格参考。\n\n### 工具特定增强\n一些用户推荐特定的模型和插件以获得更好的前端结果，例如使用带有 frontend-design 技能/插件的 Claude，或者利用 Tauri 封装的 Svelte 以完全避免图形线索，转而依赖简洁、极简的默认设置。\n\n## 对 AI 和 Web 设计的批判性视角\n\n并非所有用户都 agree 认为 Qt 风格是更优的选择。一些人认为“垃圾感”并不是 AI 的产物，而是“Web 垃圾感”的反映——即现代 Web 开发中一致性 UI 范式的普遍衰退。从这个角度来看， AI 只是在放大现代 Web 设计中现有的不一致性，即组件不再具有像最初的 Xerox/Parc 研究和早期桌面范式中那样一致的形状或交互行为。