利用幻觉作为氛围编码的特色

社区文章 发布于 2025 年 6 月 30 日

幻觉并非总是缺陷,它能激发快速探索。本文展示了生成模型如何并行生成多样化的网页设计概念,从而快速识别有前景的方向,而不会陷入早期细节。

一旦出现强有力的候选方案,该过程就会转向使用更小、成本效益更高的模型进行轻量化细化。演示截图说明了这种方法如何加速最终设计的收敛,同时保持工作流程的趣味性和效率。

要直接尝试,可在此 Hugging Face Space 中找到由 Gemini 提供支持的公共实验场。它允许任何人在无需设置的情况下实时体验这种氛围编码工作流程。


1. 先幻觉,后决定

首先,实验场会要求输入 Gemini API 密钥。这将您的提示直接通过 Hugging Face 的前端连接到 Google 的大型语言模型。

API Key 输入 开始生成需要输入 Gemini API 密钥。

之后,输入一个提示,例如“一个现代视觉艺术家作品集登录页”,以及配置选项:模型类型(例如,Pro)和变体数量(例如,4)。

提示输入画面 使用 Gemini Pro 和 4 个变体进行提示和生成设置。

模型生成了四种不同的布局。每种布局都探索了不同的创意角度——有些是基于网格的,有些是更注重图像的,有些是极简主义的。这就是幻觉作为创意广度的体现。

4个变体结果 出现四个并行变体。

从中选择一个变体进行仔细检查。它以单独渲染的视图显示,以便在下一次迭代之前更清晰地查看。

选定的变体 选定的变体在预览中渲染。

💡 洞察:早期幻觉可以做到线框图无法做到的事情——注入自发性。它消除了意图的负担,取而代之的是创意的涌现。


2. 预算感知细化

选定基本方向后,下一个提示会更具体——例如:“使背景变暗,添加一个醒目的 CTA,减少留白。”为了降低成本,模型切换到 Gemini Flash。

Flash 模型设置 提示已调整;为低成本细化选择了 Gemini Flash。

此轮只生成了两个变体——比之前少——因此反馈循环更紧凑、更集中。

生成2个变体 使用精炼的提示生成了两个变体。

选择其中一个并在隔离状态下进行审查,以确保设计正在朝着期望的方向发展。

选定的细化结果 第二轮变体已选择并显示。

💡 洞察:出色的结果不一定需要强大的模型——只需要恰当的时机。使用强大的模型进行探索,使用轻量级模型进行收敛。


3. 收敛并提取

第三次迭代采用类似的方法:使用 Flash 模型和两个变体的简洁、重点突出的提示。

提示 + Flash 设置 细化继续使用 Flash 和更紧凑的提示。

输出现在在视觉上保持一致,平衡良好,可以最终确定。

最终收敛结果 另一个收敛结果 最终变体,具有清晰的布局结构。

其中一个被选为最终设计。

最终选择 最终版本已选择导出。

💡 洞察:收敛不是选择最好的,而是致力于一个并使其变得更好。


4. 导出干净代码并继续构建

现在可以导出选定的设计。该工具输出干净分离的 HTMLCSSJavaScript 文件,每个文件都可以下载或复制。

代码选项卡区分 代码按语言分类,可供下载。

这些文件可以打开在 CursorVS Code 等专业工具中,在那里幻觉结束,结构化编码开始——添加交互、响应性或连接到 API。

切换到编码编辑环境 可编辑输出已准备好继续开发。

💡 洞察:好的工具不会取代开发人员——它们会加速向专注创作的势头。


亲自尝试

您可以在 Gemini Max Playground 中尝试此确切的工作流程。它快速、免费,并在您的浏览器中运行。

  • 从一个创意提示开始。
  • 生成多个幻觉变体。
  • 使用 Flash 缩小范围并精炼。
  • 导出干净代码并继续构建。

最后思考

代码生成中的幻觉通常名声不佳——但它在早期构思阶段可能成为最有价值的创意资产之一。通过将随机性视为原材料而非浪费,氛围编码将混乱转化为清晰,将想象转化为迭代。

🎯 教训:发挥 LLM 的优势——不是追求完美,而是追求高产。然后以编辑者而非作者的身份介入。


超越网页设计

虽然本文侧重于网页设计,但其潜在原则——快速探索随机性——可应用于许多领域。想象一下嵌入在所有编码工具中的类似工作流程:一键生成函数、布局甚至数据管道的多个合理选项的幻觉方式。

🤔 如果随机性在代码中不再被惧怕,而是像其他资产一样被驯服、塑造和重用,那会怎样?

这在实际开发中尤为重要,因为需求很少能百分之百完整。当需要精确性时,幻觉可能很危险——但氛围编码拥抱渐进式细化,其中未明确的部分是预期之中的,生成式 AI 必须积极填补空白。

在那个世界里,幻觉不仅仅有用——它是必不可少的。而支持结构化、高效探索幻觉变体的工具可能很快成为现代开发人员工作流程的核心组成部分。

💡 让 AI 起初尽情梦想。你的工作是帮助它梦想成真。

社区

注册登录 发表评论