跳转到主要内容

使用artifacts来可视化和创建AI应用,无需编写任何代码

更新于今天

当创意灵感源源不断时,最不想做的事就是中断你的创作过程来处理技术细节。有了artifacts,当你产生创意灵感时,无需放慢速度,也无需等待技术团队的支持。只需告诉Claude你想要什么,然后看着它在你眼前呈现。Artifacts让你保持心流状态,帮助你在几分钟内交付一个可工作的应用原型。

阅读完本指南后,你将了解何时使用artifacts来阐述想法,以及如何在Claude应用中直接创建、自定义和分享它们。

什么是artifacts,何时使用它们?

Artifacts是从你与Claude的对话中产生的交互式应用。它们让你可以从Claude应用聊天中生成代码、文档和应用等内容。

当你想快速创建任何类型的数字产品时,这些都很有用——从严肃的商业工具到有趣的儿童游戏。考虑以下示例:

  • 产品原型——你不需要是设计师或工程师就能模拟一个新的登陆页面或应用。只需向Claude请求你需要的内容。就像这个心情画布,它根据用户输入创建彩色可视化。

  • 定制化AI助手——厌倦了一遍遍回答相同的问题?Claude可以构建具有上下文的聊天机器人来处理常见查询,让你专注于其他工作。比如了解所有供应商详情的婚礼策划机器人、只建议你的孩子会吃的食物的食谱助手,或这个电子邮件写作助手,它将原始想法转化为精美的沟通内容。

  • 学习游戏——想帮助孩子学习乘法表的家长可以描述一个交互式游戏,孩子通过解决数学问题来战胜怪物。几轮之后,他们就会有一个可工作的原型。或者为了自己学习,试试这个语言导师,它让你可以用你选择的语言聊天和学习。

  • 小型企业解决方案——需要库存跟踪的小企业主可以向Claude描述他们的工作流程,并创建完全适合他们需求的定制工具。就像这个项目仪表板生成器,它接收用户输入并提供甘特图、进度条和里程碑跟踪。

选择真的是无限的。如需更多灵感,请访问Claude应用中的"Artifacts"标签,或尝试询问Claude你应该构建什么。(请注意,artifacts标签仅在免费、专业和最大计划上可用,目前在移动设备上不存在)。

创建你的第一个artifact

创建artifact的最佳方式是描述你想解决的问题,然后让Claude帮助你完善它。以下是分步方法:

  1. 前往侧边栏中的"artifacts":虽然你可以在任何聊天中创建artifacts,但从这里开始会向Claude表明你的意图,这样它可以帮助你构建最佳版本的应用。

  2. 从探索你的问题开始:与Claude分享你的想法(和问题)——比如"我希望有更好的方式向我的班级教授水循环,他们似乎很无聊。"

  3. 让Claude采访你:Claude会提出后续问题来澄清你的愿景。例如,你想教授的年龄范围是多少?

  4. 要求Claude构建它:一旦你通过讨论澄清了你的想法,直接请求artifact,使用诸如"你能为我创建这个吗?"或"让我们现在构建这个"之类的短语。Claude随后将根据你的对话生成artifact。

就这样!只需几轮对话,你就会有一个可工作的应用,你可以进一步自定义以满足你的需求。

改进artifact的提示

你的初始创建只是起点。从这里,你可以请求更改、反馈等,以使你的artifact达到可分享的状态。以下是充分利用artifacts的3个提示:

  • 通过后续提示迭代:只需要求Claude修改你的artifact("把按钮变大"、"添加计时器"、"改变配色方案")。每个请求都建立在以前的版本基础上,同时Claude保持对你构建的内容和原因的上下文。

  • 通过对话调试:当出现问题时,要么点击"使用Claude修复",要么用简单语言描述问题("计算器不能处理小数"、"游戏在第3关崩溃")。无需理解技术错误消息。为了更深入的理解,打开扩展思考或使用更智能的模型。

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

分享你的创作

一旦你的artifact按照你想要的方式工作,你可以在几次点击中与朋友和协作者分享它。

通过点击发布按钮来分享你完成的artifacts,以生成链接。任何拥有该链接的人都可以访问你的创作,直到你取消发布它。

查看者在与你的artifact交互时有两个选项:

  • 仅查看——未登录的用户可以使用和交互你的artifact而无需登录(AI驱动的artifacts除外,需要登录),但无法进行更改。

  • 重新混合和自定义——Claude用户可以创建自己的副本来修改和迭代你的artifact,但别担心!你的副本保持不变。

更多入门资源

  • 浏览所有artifacts以获取更多灵感。专业提示:点击"自定义"复制artifact并为自己进行更改。

  • 在我们的artifacts简介视频中了解更多关于artifacts的信息。

  • 访问Claude支持文档以获取任何其他问题的帮助。

这是否解答了您的问题?