一句话总结
Artifacts 把 Claude 的回答变成侧边栏里可编辑、可版本、可运行、可发布、可下载的真实产物——不用再在长对话里翻找”那一版还不错的东西”再粘到别处。截至 2026 年 6 月，所有套餐（Free、Pro、Max、Team、Enterprise）都能用 Artifacts；你甚至能把 Claude 本身嵌进 Artifact，做成一个别人无需 API key 就能用的 AI 应用。这里有个值得知道的玄机：分享出去的 AI 应用是按每个使用者自己的 Claude 订阅额度计费，不是你的。本文讲清类型、确切的沙箱限制、计费模型，以及一套迭代时不会崩的构建到发布流程。
Artifact 到底是什么
Artifact 是 Claude（claude.ai 网页版或桌面 / 移动端 App）在聊天旁边的面板里渲染出来的、独立且有分量的输出。当内容可复用、大约15 行以上时，Claude 会自动建一个 Artifact，否则就留在聊天里。之后你通过对话来改、翻版本历史、复制源码或下载文件。
支持的 Artifact 类型（截至 2026 年 6 月）：
| 类型 | 你拿到什么 | 能实时渲染吗 |
|---|---|---|
| 代码（任何语言） | 可复制的可编辑源码 | 否（仅源码） |
| Markdown / 纯文本文档 | 排好版的文档 | 是 |
| 单页 HTML 网站 | 面板里能跑的页面 | 是 |
| React 组件 | 可交互 UI 预览 | 是 |
| SVG 图像 | 可编辑矢量图 | 是 |
| Mermaid 图 | 流程图 / 时序图 / ER 图 | 是 |
另有一个较新的能力——文件生成——让 Claude 做出真正的 .docx、.pptx、.xlsx、.pdf 供你下载。这项功能在 2026 年 2 月 11 日对所有套餐免费开放，单文件上限 30 MB。它和经典的交互 Artifact 不是一回事；要可下载的 Office 文件就明确提出来。计费那一面可参见Claude 文件生成耗额度。
这篇适合谁看
任何想从对话里产出真实成果的人：单页 web 小工具、计算器、对比表、像样的 README、Markdown 形式的幻灯片大纲、Mermaid 图、要反复调的 SQL 和正则——或者一个想交给非技术同事用的小交互应用。如果你现在的流程是”在 Claude 里聊 → 手动粘到 Notion / VS Code / Google Docs”，Artifacts 正好抄近路。
弱匹配：散文式回答、快速查询、自由头脑风暴——这些场景下面板只会添乱。
2026 年的升级：AI 应用
自发布以来最大的变化（Anthropic 在 2025 年 6 月 25 日给 Artifacts 加上了内嵌 AI，此后用户已创建超过五亿个 Artifact）是：Artifact 现在能在自己内部调用 Claude。你描述一个应用——抽认卡生成器、会自适应的编程辅导、文字冒险游戏、写作点评工具——Claude 就把模型接进去。三点让它能真用，而不是玩具：
- 不用 API key。 使用者不必贴任何 key，用自己现有的 Claude 账号登录即可。
- 别人用，你不付钱。 当你把 AI 应用 Artifact 发布并分享后，每次调用算在那个使用者的 Claude 订阅额度上，而不是你的。无论 10 个人用还是 10000 个人用，你的成本都是零。
- 任何套餐都能免费发布。 发布会生成一个公开链接；没有 Claude 账号的人也能查看静态 Artifact，有账号的人可以remix（复刻一份自己可编辑的副本）。
有两项高级功能在付费档（截至 2026 年 6 月为 Pro、Max、Team、Enterprise）：持久化存储（跨会话保留状态，单个 Artifact 上限 20 MB，仅文本）和 MCP 集成（把 Artifact 接到外部服务）。免费档的 Artifact 在会话之间不保存状态。
沙箱能做什么、不能做什么
这一点最常把人绊倒。经典的交互 Artifact 在一个沙箱化的 iframe 里跑前端代码，也就是说：
- 不能调任意外部 API，也没有后端 / 数据库 / Node.js。唯一例外是通过上面说的 AI 应用路径调用 Claude 自己。
localStorage和sessionStorage被禁用——读写会报错或静默失败。临时状态用 React 的useState；要刷新后还在的状态，得用付费的持久化存储功能。- 它是预览，不是托管。没有部署步骤；要放到公网上，就发布分享链接，或把源码导出到你自己的主机。
所以：在 Artifact 里做原型和演示，生产代码再搬进真正的项目，或搬到 Claude Code。
从构建到发布的流程
- 一句话写清产物，带格式和约束。 例如：“Create an Artifact: 单文件 HTML 定价页，Tailwind 走 CDN，三档套餐，不用外部 CSS。“模糊的要求（“给我做个网站”）只会出通用结果，你得全部重写。
- 等面板打开。 如果 Claude 把代码塞在聊天里，回：“Move this to an Artifact.”
- 按命名部件迭代，别凭感觉。 “把 Pricing 组件里的中间档改成 $29，加一个 ‘Most Popular’ 角标”远胜过”做漂亮点”。
- 强制原地修改。 Claude 一改就重写整个文件时反推：“原地修改，不要重建——只展示改动的行。“这样能保留版本历史和之前的修复。
- 要做 AI 应用就明确说： “把它做成 AI 应用——用户提交一个主题时，调用 Claude 生成 10 张抽认卡。“然后发布，并在无痕窗口里测试分享链接，确认脱离你的会话也能跑。
- 把源码弄出来。 用面板菜单下载，或复制代码，存到 Git / Notion / Drive。Artifact 绑在对话里，对话被删就没了（发布并不会替你备份源码）。
信任它之前的质量检查
- 不修就能打开 / 渲染 / 编译吗？要先 debug 才能读，说明规格太模糊。
- 在 Artifact 里抽查三条事实 / 数字 / 链接，对照你的素材。Claude 会在漂亮输出里塞似是而非的细节。
- 交互型 Artifact 至少跑一个边界用例——空输入、超长字符串、零值——再依赖它。
- 明确写下需要人工判断的风险：图片版权、金融计算、任何接触线上系统的部分。
FAQ
别人用我分享的 AI 应用，需要 Claude 账号吗？ 要运行 AI 应用 Artifact 就需要——调用算在他们自己的订阅额度上，所以得登录。只是查看静态 Artifact（一个 HTML 页、一份文档）则不需要账号。
1000 个人用我发布的 AI 应用，谁付钱？ 他们付。每个人的调用计入他们自己的 Claude 额度；创建者不为使用者的用量付一分钱。这正是免 API key 模型的核心。
代码 Artifact 老是丢 import 怎么办？ 文件很长时 Claude 会截断。要”完整文件、所有 import”，或拆成多个 Artifact。超过约 300 行后在面板里 debug 也会变慢，把源码拉出来。
Artifact 能调外部 API 或用 localStorage 吗？
经典沙箱 Artifact 调不了任意外部 API，也不能用 localStorage/sessionStorage。它能调用 Claude（AI 应用路径）。要跨会话保存状态，得用付费的持久化存储功能（上限 20 MB，仅文本）。
下载到 0 字节怎么办？ 这是已知问题，参见Claude Artifact 下载失败 / 文件为空。fallback 是直接从面板复制源码。
能在 Claude 内做版本控制吗？ 除了它自带的版本历史，不能。每次有意义的修改后导出到 Git。
容易踩的坑
- 每次迭代都重生成，而不要求原地修改——慢，还丢掉之前的修复。
- 一开始不指定格式，导致你要 HTML 却拿到 Markdown。
- 以为发布的分享链接备份了你的源码——它没有。源码要自己导出。
- 指望交互 Artifact 连你的数据库或在本地存数据；沙箱把这两样都禁了。
- 不对照源材料就信 Artifact 里的计算或数据。