Back to Timeline

用 Claude Artifacts 氛围编程做自己的 AI 应用

vibe coding 推荐

AI原生分享
Artifacts 是 Claude 中的 AI 工坊模式,与 ChatGPT Canvas 相似,用于写作或开发网页应用。Artifacts 原本仅能开发传统的功能性网页应用,但近期得到了升级,能直接开发由 Claude 驱动的 AI 应用,即无需再去申请大模型API,极大降低了普通用户的上手门槛;且得益于 Claude 本身的代码能力,用 Artifacts 来进行 vibe coding 是个人目前非常推荐的一种方案。

准备

1.
一个可用的 Claude 账户,免费即可体验
2.
在 Settings - Feature Preview 中打开 Create AI-powered artifact
Image

开始

从 Claude 侧栏进入 Artifacts 页面,点击右上角加号新建,可以根据想要做的应用类型选择,或者直接 Start from scratch:
Image
Image
Image
然后 Claude 就会开始采访你,问一些关于应用的问题,自然语言描述即可。
注意:如果你想要打造的是 AI 应用(在最终的应用中用到 Claude 的模型能力),需要在描述中强调「用 Claude 来 xxx」,如例子中的「用Claude将输入的网址或者文章转换为适合演示的幻灯片」。
其随后会生成一套方案,如无异议就可以生成了:
Image
我这个应用生成的第一版报错了,于是就把报错的情况反馈给 Claude 令其修复:
Image
Image
第二版就可以正常工作了:
Image
生成的应用可以发布给其他 Claude 用户使用:

总结

更新的 Claude Artifacts 允许你直接调用 Claude 的能力来做一些 AI 应用,提供了比 ChatGPT 的自定义 GPTs 更好用、比需要搭建环境&申请API的 Cursor 更易用的 vibe coding 体验,非常适合普通用户上手,推荐大家尝试!
如果一时不知道做什么,也可以从 Artifacts 页面的 Inspiration 下找找灵感。
Image