跳转到主要内容

使用 Claude artifacts 原型化 AI 驱动的应用

一周前更新

传统上,构建AI应用需要很多工作——管理API密钥、担心成本、处理复杂的部署、意外触发速率限制等等。使用Claude的artifacts,你可以跳过配置的麻烦,构建一个功能完整、由Claude智能驱动的应用程序。这些artifacts使用你现有的使用限额——没有API密钥、没有按次调用费用、没有部署麻烦——所以你可以专注于有趣的部分。

在本指南中,你将学习如何使用Claude快速构建、测试和共享由AI驱动的应用程序。

在Claude artifacts中配置Claude API

Claude.ai artifacts中使用有限的基于文本的完成功能非常简单。

  1. 你可以通过简单地**要求** Claude使用Claude来为你的artifact添加AI功能,并根据需要提供额外的说明。

  2. 可选地,使用下面的示例提示测试它是否按预期工作。

使用这个简单的提示来测试artifact中嵌入的API是否按预期工作:

创建一个使用Claude的简单聊天机器人。对每个用户输入都用恭维来回应。

如果你尝试这个提示,你会看到Claude创建一个"恭维机器人",用户可以输入任何内容,并获得由LLM驱动的恭维!

你的第一个AI artifact的灵感

创建通过API与Claude交互的artifacts的可能性就像你的想象力一样无限。以下是你可以构建的四种应用类型来开始:

  • 学习和教育工具——具有AI的交互式导师和学习伙伴可以更好地理解用户学习需求的背景。比如一个代码审查工具,根据预配置的指南提供关于风格和最佳实践的详细反馈,或者这个语言导师,让你可以用你选择的语言聊天和学习。

  • 内容生成工具——协作助手可以帮助头脑风暴、开发和完善创意工作和内容,根据一些预配置的指南可以帮助你更快地完成工作。比如一个写作工具,用来处理你的内部Slack帖子并准备在LinkedIn上分享,或者这个单页PRD制作工具

  • 分析和决策支持——处理用户数据并通过对话帮助做出明智决策的智能工具非常适合组织效率。比如这个工具,旨在帮助团队通过"5个为什么"框架找到问题的根源。

  • 娱乐应用——归根结底,最好的应用来自独特的视角和好主意。这个梦境解释器是一个完美的例子。如果你能梦想它,你可能就能构建它。

使用Claude构建artifacts的提示

在使用Claude构建时,请考虑以下提示以获得最佳输出。

  • 让Claude采访你:考虑用一个想法开始你的对话,让Claude采访你以将其完善成一个值得artifact的提示。Claude可以问你问题并建议功能来实现你的愿景。

  • 通过后续提示进行迭代:只需要求Claude根据需要修改你的artifact。你可以要求诸如:使按钮更大、每次响应少于200个单词、改变配色方案等。每个请求都建立在以前的版本之上,同时Claude保持关于你构建的内容和原因的上下文。

  • 通过对话进行调试:当出现问题时,要么点击"使用Claude修复",要么用简单的语言描述问题("计算器不能处理小数"、"游戏在第3关崩溃")。无需理解技术错误消息。

尝试分支:回到任何以前的消息,点击"编辑"创建一个新的对话分支,并尝试不同的方法。你总是可以返回到你的原始版本,鼓励大胆尝试风格、功能或完全不同的方向。

共享你的Claude artifacts

使用artifacts进行原型设计的另一个好处是你可以共享你的想法,而无需在外部托管它们。

只需点击几下即可与他人共享你的原型

你只需点击artifact菜单右上角的"发布"按钮并分发链接。

请注意,此链接特定于你共享的artifact版本,**任何拥有此链接的人都可以访问**你的创作,直到你取消发布它。(你总是可以回到"已发布"标签页查看你之前共享的所有artifacts。)

从原型到生产

虽然artifacts非常适合原型设计和共享由AI驱动的应用程序,但它们最适合测试和演示。在某个时刻,你可能想要实现适当的API密钥管理并构建更强大的基础设施。最终,你也会遇到claude.ai中的一些技术限制(比如缺乏交错脚本)。

无论出于什么原因,当你准备好将你的artifact提升到下一个级别时,你将能够复制Claude的代码并将其粘贴到你选择的编辑器中。从那里,Claude Code已准备好介入。

在构建时,继续与Claude合作作为下一步和新想法的头脑风暴伙伴,使用Claude Code进行战术执行。不久之后,你将拥有一个完全验证、生产就绪的应用程序。

常见问题

什么是artifacts,为什么用它们进行原型设计?

Artifacts是Claude在对话中创建的自包含代码片段。它们出现在聊天旁边的专用面板中,使其易于实时查看、编辑和交互。另外,它们可以在短短几次点击中与世界共享。

对于AI应用原型设计,artifacts相比传统开发流程提供了几个关键优势。

  • 即时反馈——在Claude生成代码时立即测试工作代码

  • 快速迭代——根据你的实时测试请求更改

  • 内置AI功能——添加Claude API调用,无需额外成本或设置

我可以与朋友或队友在artifacts上协作吗?

当拥有Claude账户的人点击你的共享链接时,他们可以通过与Claude交谈来自定义和修改artifact。当他们这样做时,他们创建自己的副本,而不是编辑你的原始版本——所以你的版本保持完全如你所做的那样,而他们开发自己的变体。非常适合快速迭代和过去应用想法的记录保存。

artifacts中的AI存在什么样的使用限制?

无论谁使用你的应用都会在他们的计划中产生使用。换句话说,当你构建和测试时,API使用计入你的计划,但当其他人使用你的共享应用时,使用计入他们的计划。

最简单的说法是,当有人使用你的Claude驱动的应用时:

  • 他们使用现有的Claude账户进行身份验证

  • 他们的API使用计入他们的订阅,而不是你的

  • 你无需为他们的使用付费

  • 没有人需要管理API密钥

这是否解答了您的问题?