跳至主要内容

与 Claude 一起想象:实用示例指南

了解 Anthropic 的 Imagine with Claude 如何为 AI 辅助软件开发引入全新范式,按需即时生成功能。
· 8分钟 阅读

使用 AI 探索

Anthropic 近日发布了 Claude Sonnet 4.5,据称这是当今最强的编码模型。与此同时,Anthropic 推出了一个名为“Imagine with Claude”的研究预览版,能够即时生成软件。

等等,不是所有模型都能按需生成代码吗?并非如此。Imagine with Claude 并不是从预设的代码库开始;相反,它会在运行时根据给定的上下文“想象”应用应该做什么,并生成实现该功能的代码。

在本文中,我将通过四个示例探讨 Imagine with Claude 如何重塑我们构建和原型化软件的方式。

什么是 Imagine with Claude?

Imagine with Claude 是 Anthropic 随 Claude Sonnet 4.5 和 Claude Agent SDK 一同推出的全新研究预览功能。它比 Claude Haiku 4.5 略早发布。

该工具仅在限定的 5 天内向 Claude Max 订阅用户独家开放,展示了其实时软件生成能力,使用户可以亲眼看到 Claude 从零开始自主构建自定义应用。

借助 Sonnet 4.5 的高级代理特性,Imagine with Claude 将推理、工具使用和多步规划结合起来,在数小时内创建可用的代码库、用户界面,甚至演示文稿。

如何访问 Imagine with Claude?

要使用 Imagine with Claude,您可以直接前往 Imagine with Claude 页面,或在常规 Claude 聊天界面的右下角点击“Want to build from your imagination?”按钮。

从主聊天界面打开 Claude Imagine。

截至 9 月 30 日,此功能仅在接下来的五天内向 Max 订阅用户开放。如果您想尝试,要么抓紧时间,要么等待正式发布。不过,Anthropic 尚未确认这会成为 Claude 的永久功能。目前来看,它更像是一个实验性功能,用于展示全新 Claude Sonnet 4.5 模型的能力。

Imagine with Claude 如何工作?

Claude Imagine 的界面相当简洁。我们有一个提示输入框,可以描述想要构建的内容。它还提供了一些建议,方便我们在没有思路时先随便试试。

Claude Imagine 界面。

界面的其余部分只是装饰性的、有趣的元素;它们并不为 Imagine with Claude 提供任何功能。

示例 1:构建一个好消息资讯流

开始之前,我想先试试一个建议,于是我点击了第一个:“Build a news feed for good news”。

Claude Image 提示建议。

以下是构建过程的剪辑视频:

在这个示例中,我们可以看到它构建了一个好消息资讯流。新闻条目不可点击;我们只能看到标题、摘要和一些标签。除此之外,唯一的功能是一个刷新按钮,用于获取并显示新一批好消息。

您可能在视频里注意到,这个研究预览的上下文窗口相当小。

屏幕显示我们已达到会话限制。

请注意,应用只存在于该界面中,无法发布。我们也看不到代码,如果刷新页面,它就会永久丢失。因此,在这个阶段,Claude Image 其实只是一个探索用 LLM 创建自构建代码这一理念的功能。

示例 2:构建一个简单游戏

在第二个示例中,我想尝试更具交互性的内容,于是我让它“create a simple dungeon explorer game”。

我从头尝试了三次,每次都会遇到同样的问题。一旦我移动玩家,玩家就不再可见。

以下是最后一次尝试的视频:

从视频可以看到,我第一次向下移动后,玩家就消失了。之后我向右移动了两次,看看能否收集到金币,结果收集到了。但同时,其它所有金币也一起被收集了。

Claude Imagine 生成的游戏截图。画面显示蓝色玩家,以及位于下一行、向右两格处的一枚金币。

收集完金币后,我提示它玩家不可见,需要修复。但并没有奏效,一切如故。其他两次尝试也是同样的体验。

总体来说,这个示例相当令人失望。

示例 3:构建一款简历管理应用

在第三个示例中,我尝试构建一个简历管理应用。我使用的提示是:

“Create a website to manage my CV. I want to be able to add all my work experience, skills, languages, publications, and any other information relevant to a CV. Then, depending on the job I’m applying for, I want to select a subset of this information to generate a tailored CV.”

总体而言,我认为这个示例运行得不错。在介绍创建过程细节之前,先看一下创建过程的视频。

该应用可以完成要求的任务。我们可以向其中输入多种类型的信息,然后选择想要包含的内容。

不过我也遇到了一些问题。首先,当我添加第二项技能时,没有保存按钮。

缺少保存按钮的截图。

不过,这个示例也有一个不错的发现:我想选择一个不存在的类别,通过提示 Claude Imagine,竟然可以动态添加该类别。

提示 Claude Imagine 新增技能类别。

提示后更新的类别。

第二个问题是导出 PDF 不工作。

将简历导出为 PDF 时出现错误的截图。

尽管有这些错误,我发现这个示例比另一个要好得多。奇怪的是,此时我们只使用了 46% 的 token,考虑到新闻示例很快就用完了所有 token,这一点令人意外。

我们不知道 Claude Imagine 的后台工作机制,但从这个示例看,呈现给我们的内容是从当前上下文中即时生成的。在我看来,这既有好处也有坏处。好处是,当我们第一次点击一个按钮时,它能够从零开始“想象”一个新的界面或功能。

然而,似乎一旦某些东西被“想象”出来,就不会被存储,每次都会重新生成。甚至我们输入的信息似乎也是从上下文生成的,这可能会导致它幻觉出我们从未提供过的信息。

缺乏想象力?

我还注意到,每次使用相同提示,我都会得到非常相似的结果。比如,我再次尝试了简历管理的提示,得到的是:

简历管理应用“新”界面的截图。

第二个版本在左侧多了新选项,例如包含了“Certifications”部分。不过其余部分基本相同,包括各部分中的信息。

由于每次与 Clause Imagine 的会话都是临时的,它似乎更适合做原型和尝试点子。不过,它几乎每次都给出相同的思路,这点限制较大。

示例 4:构建个人网站

在之前的示例中,我觉得 UI 一直比较简单,我想尝试一个更看重呈现效果的例子。因此,我让它创建一个个人网站,用于展示我的个人项目。

在这个示例中,Imagine with Claude 的表现更出色,能够根据我的提示实现所要求的更改。具体来说,我完成了:

  1. 实现选择头像的功能。
  2. 重新设计 UI。

也存在一些问题,例如点击“View Projects”按钮时,尽管 Claude Imagine 确认了按钮被按下,但并没有任何反应。

这个示例还以我未曾预料的方式变得有趣。因为该页面用于展示我的应用,内容中包含了一些示例应用。这些示例有“View Demo”按钮,所以点击后,Claude Imagine 需要实际“想象”这些示例应用并呈现出来。

对每个示例,它都给出了一个颇为真实的实现。这让我产生了一种“应用套娃”的感觉:应用中有应用,再里面还有应用,而且都是即时生成的。玩起来相当有趣。

这个示例也再次印证了代码是每次都重新生成的。当我在 TaskMaster Pro 演示中折腾时,点击“AI Sort”按钮后任务的 UI 发生了变化,关闭再打开窗口后又变了一次。

AI 排序前的任务。

Imagine with Claude 的局限

我认为目前 Imagine with Claude 预览版的主要局限在于:

  1. 想象力不足。我写这篇文章时本以为 Claude Imagine 会是个很好的头脑风暴工具:可以生成几个版本,再把各自的优点组合起来。但我发现相似的提示会得到非常相似的结果。
  2. 没有持久化,也无法发布应用。一旦刷新页面,一切归零。
  3. 仍然相当多 Bug。它经常无法实现按钮的功能,也难以根据提示落实更改。

Imagine with Claude 的颠覆性理念

Imagine with Claude 真正新颖之处在于:它能即时生成代码,并自行判断一个按钮该做什么。如果与软件编辑器集成,可能会带来革命性变化。

当前 AI 辅助开发的方式,是将 LLM 集成到代码编辑器中,利用对代码的上下文理解,然后开发者通过文字提示指定希望 AI 修改的内容。而借助 Imagine with Claude,我们或许可以跳过提示这一步。它可以集成到编辑器中,开发者只需添加一个按钮,然后在本地运行应用时点击它,Imagine with Claude 就能实现其功能。

这与 Imagine with Claude 演示所展示的能力并不遥远。当前缺少的仅是:

  1. 将其与现有代码库集成。
  2. 实现更改的持久化。现在看来功能每次都被“想象”一次,而我们需要的是:仅在功能尚未实现时才去“想象”。

Imagine with Claude 的另一个潜在用法是与 Figma 等设计工具配合使用。这样,设计师可以先摆放 UI 组件设计界面,然后 Claude Imagine 运行并为这些 UI 组件实现背后的功能。

结语

Imagine with Claude 为 AI 辅助软件开发引入了一个引人入胜的新范式:根据应用上下文动态实现功能。

这种摆脱显式提示的转变,或许代表了编程的未来,能为开发者节省大量时间。当前版本更像是一个有趣的技术演示,而非实用的开发工具;鉴于其临时性与实验属性,本身也不足以成为订阅 Max 计划的有力理由。

尽管存在这些不足,我仍然看好其核心理念。这个研究预览像是迈出的第一步,用来试水可能性。我真心期待 Anthropic 在下一次迭代中如何打磨这一颠覆性的想法。

François Aubry

作者

François Aubry

全栈工程师,CheapGPT 创始人。我一直热爱教学。从学生时代起,我就积极寻找机会为同学提供辅导与帮助。这份热情促使我攻读博士学位,并在此期间担任助教,以支持我的学术追求。那些年里,我在传统课堂环境中收获了极大的成就感,既建立联系也促进学习。随着在线学习平台的兴起,我也看到了数字教育的变革潜力。事实上,我曾参与我们大学一款此类平台的建设。我致力于将传统教学理念与创新的数字方法相融合。我的热情在于打造既有吸引力、信息量充足,又能让当代学习者轻松获取的课程。

主题