什么时候 Claude 会创建 Artifact
当输出是较长、自包含、需要继续编辑或可在聊天外复用的内容时,Claude 会在右侧独立窗口创建 Artifact。 官方给出的典型内容包括 Markdown/纯文本文档、代码、单页 HTML、SVG、图表流程图和交互式 React 组件。 当前经验规则是“通常超过 15 行”,不是旧文所写的固定 1.5 KB 门槛。
先启用 Code execution and file creation
- Free、Pro、Max:进入 Settings → Capabilities。
- 开启 Code execution and file creation。
- Team、Enterprise:由 Owner 在 Organization settings → Capabilities 开启。
Artifacts 目前存在于 Claude Web、Desktop 和 Claude Code,但 Claude Code 的可用计划与分享规则不同;本文主要讲 Web/Desktop 的普通 Artifact。
五种最有价值的使用方式
1. 可编辑文档
把这份 API 变更说明整理成迁移指南:
- 分破坏性变更、新增、废弃三节
- 每项给改前/改后代码
- 不确定信息标“待确认”
- 创建为 Markdown ArtifactMarkdown Artifact 支持选中文本后用 “Edit with Claude” 原位修改,适合报告、规范和教程。
2. 交互式 React 工具
创建一个响应式费用估算器 React Artifact:
- 输入数量、单价、折扣和税率
- 显示计算明细、总价和无效输入错误
- 支持键盘操作和移动端
- 使用模拟数据,不连接真实支付3. 单页 HTML 演示
做一个单文件 HTML 的网络重试动画:
展示请求 → 超时 → 指数退避 → 成功;
提供播放、暂停、重置和速度控制。4. SVG 与架构图
创建一个可下载 SVG:展示 OAuth 授权码 + PKCE 流程。
区分浏览器、客户端、授权服务器、资源服务器,
标注 state、code_verifier、code_challenge 和 token 的流向。5. AI-powered Artifact
做一个文案审校 Artifact:
用户粘贴文案,Claude 返回事实断言、缺失来源、夸张措辞和修改建议;
每类问题可筛选,原文与建议并排显示。AI-powered Artifact 在 Anthropic 基础设施运行,使用者用自己的 Claude 账户和配额调用,不需要创建者提供 API Key。
MCP:让 Artifact 连接外部服务
Web/Desktop 上的 Pro、Max、Team、Enterprise 可让 Artifact 通过 MCP 连接 Asana、日历、Slack 或自定义服务器。 第一次调用会要求用户批准;每个使用者都必须独立完成认证,发布者的凭证不会自动分享给访问者。
- 优先只读工具,写入、发送、删除和支付保持逐次确认。
- 不要在 Artifact 代码里硬编码 Token。
- 共享前用一个权限更低的测试账户验证行为。
- 把 MCP 返回内容当作不可信输入,防止外部文本诱导执行额外动作。
持久化存储:个人还是共享
Pro、Max、Team、Enterprise 的 Web/Desktop Artifact 支持跨会话保存文本数据,但仅在已发布 Artifact 中生效。 当前官方规格为每个 Artifact 20 MB,仅支持文本,不支持图像、文件或二进制数据。
| 类型 | 谁能看到 | 适合 |
|---|---|---|
| Personal | 每个用户自己的隔离数据 | 日记、个人清单、个人设置 |
| Shared | 该 Artifact 的所有用户共同读写 | 排行榜、团队状态、公共投票 |
第一次使用共享存储时界面会提示数据对其他用户可见。创建者决定数据写入哪类存储,因此输入敏感信息前应先确认实现。
Publish、Share 与 Embed
- Free / Pro / Max Publish:生成公开链接,任何拿到链接的人都能查看和交互。
- Team / Enterprise Share:仅组织内部,访问者要登录;来自 Project 的 Artifact 还要求项目权限。
- Embed:公开发布后可生成嵌入代码,并配置允许嵌入的域名。
组织内分享时,查看者可能同时获得创建对话中的附件和文件访问权。发布或分享前先新建一段只包含必要材料的对话, 比在含敏感附件的长对话里直接分享更安全。
取消发布是不可逆操作
当前官方规则是:同一个 Artifact 取消发布后不能再次发布,只能创建新副本;如果使用了持久化存储, 取消发布还会永久删除个人和共享数据。操作前先下载代码、导出数据并记录依赖。
Artifacts、Custom visuals 与 Cowork live artifacts
| 形态 | 适合 | 持续性 |
|---|---|---|
| Custom visual | 一次回答中的图表或解释图 | 随聊天展示,不强调长期应用 |
| 普通 Artifact | 可迭代文档、工具、应用和公开/组织分享 | 版本化,可发布 |
| Cowork live artifact | 从连接器和本地文件获取最新数据的工作看板 | 桌面端使用,分享规则独立 |
从原型进入生产前必须补的工程工作
- 复制或下载代码,锁定依赖并移入受版本控制的项目。
- 增加身份认证、授权、输入校验、错误处理和审计日志。
- 检查第三方代码、MCP 和数据存储的隐私与供应链风险。
- 补单元测试、集成测试、可访问性和移动端测试。
- 为备份、迁移、监控和删除数据设计明确流程。
Artifact 很适合快速验证交互和需求,但“能运行”并不自动等于“可安全上线”。