Artifacts真是太好用了！因为它，我弃用ChatGPT，爱上Claude！必须介绍给你！

说实话，Artifacts是Claude推出的一项实验性功能，在Feature Preview里就能开启。它的名字挺有意思——“产物”，在软件CI/CD领域常指持续集成中生成的文件。Claude用它来指代大模型生成的代码、文本、网页、SVG图片、Mermaid绘图这类完整文件。没开这个开关时，所有这些内容都塞在对话里，跟普通文本混在一起；一旦打开，文件会以附件的形式嵌入对话，并在右侧单独开一个窗口展示内容——这个窗口还带版本管理，能查看每一次修改历史。

Artifacts：是什么？

它怎么工作的？举个栗子。用Python计算斐波那契数列，未开启Artifacts时，代码直接以代码块嵌在对话里：

好处是直观，麻烦在于代码一长，就会和上面的解释文字搅在一起，看着头疼。开启Artifacts后呢？

界面一分为二：左边是整个对话内容，右边是生成的代码（也就是artifact）。想了解上下文？看左边，干净完整。想研究代码？看右边，专注高效。更妙的是，当你提出修改需求，大模型会生成一个新版本，右侧窗口会标注版本号，所有历史版本都能回溯。体验感瞬间拉满。

那么问题来了——除了代码，Claude还支持哪些类型的artifact？

Artifacts：网页设计

用它做网页设计，简直像开挂。比如想要一个摄影作品展示页，Claude直接生成对应的HTML和CSS，预览结果立刻就出来了：

点一下Code按钮，还能切换查看源码：

不满意就迭代。想加个人社交账号展示？跟它说一声：

想换个配色？一句话搞定：

当然，你想怎么改都行，它都接得住。

Artifacts：网页游戏

静态页面不过瘾？来点动效。直接让它写一个贪吃蛇游戏：

一把成功，太厉害了。不过蛇跑得有点快，调慢一点：

蛇头不太像？调整形状，再吐个信子：

要不你也试试，做一个自己喜欢的小游戏？

Artifacts：SVG绘图

除了写代码，Claude还会画图。它虽然没有Midjourney或DALL·E那样的文生图能力，但可以通过SVG矢量图来制作简单图像。比如“蓝天白云小马”：

虽然有点抽象，但有“代码”撑腰，很合理：

再迭代一轮——这马终于不那么抽象了：

怎么像只狗？加个群山背景试试：

别耷拉着头，昂起来，跑起来：

有马当然得有龙，尽情发挥想象：

你的艺术细胞，AI都能接得住。

Artifacts：Mermaid绘图

搞艺术的是一边，工程师也有自己的菜——架构图、流程图，这就得靠Mermaid这种“代码即图表”的语言。比如让Claude画个数据湖架构图：

实际上生成的是Mermaid代码：

不满意提意见，增加对表格式功能的支持：

再细化一下，展开数据管理相关的功能：

小结

Artifacts从根本上改善了AI与用户的交互方式——直观、可回溯、可交互，潜力巨大。尤其是在Web开发学习方面，它就像一个随时在线的老师，让你在自由探索中即时、互动地学习。这些功能背后还有很多值得深挖的空间，值得上手一试。