第 6 课：Artifacts
本节目标：产出可预览、可分享、可持续迭代的内容与小工具
一、Artifacts 是什么
Artifacts 是 Claude 在对话旁边的独立窗口里生成的成品。它不是把一大段代码或 文本埋在聊天记录里，而是直接渲染出来、可以立刻用——一个能跑的网页、一张交互图表、 一份点一下就能下载的文档。
Claude 会自动判断是否该生成 Artifact，判据大致是：
- 内容独立成篇、有一定体量（通常超过 15 行）
- 你很可能要编辑、迭代或重复使用它
- 内容脱离上下文对话也能独立成立
- 你之后还会回来引用或使用它
二、六种常见类型
| 类型 | 适合什么 |
|---|---|
| 文档（Markdown / 纯文本） | 会议记录、报告、项目计划、博客文章等文字密集且要导出继续编辑的内容 |
| 代码片段 | 任意语言的可运行代码——Python、JavaScript、C++ 等。可查看、复制、下载 |
| HTML 页面 | 单文件包含 HTML+CSS+JS 的完整网页。落地页、表单、交互演示、快速原型 |
| SVG 图形 | Logo、图标、插画等矢量图，直接在窗口里渲染，所见即所得 |
| Mermaid 图表 | 流程图、时序图、甘特图、组织架构图。描述关系，它出图，你再改 |
| React 组件 | 有真实功能的交互界面——计算器、仪表盘、小游戏、数据可视化。不是静态原型，带实际逻辑，响应用户输入 |
Office 文档走的是另一条路
Word、Excel、PowerPoint、PDF 不是 Artifact。它们由单独的文件创建能力生成， 以文件形式返回给你下载。这块是下一课 Skills 的内容。
三、怎么创建
不需要特殊语法，正常描述需求即可。几个例子：
画一张流程图，展示我们的客户入职流程
做一个交互式仪表盘，我输入每月各项支出，它给我分类占比
给一个效率类 App 设计落地页，要有首屏区块和功能列表
写一个项目简报模板，我以后启动新项目都能复用没自动生成怎么办：直接说「用 Artifact 形式给我」或者「把这个做成 Artifact」。
关于流程图
除了代码形式的 Artifact，Claude 现在也可能通过 Imagine 能力把流程图这类可视化图表 生成为 HTML。两种形式都能达到目的，不必纠结。
窗口里能做什么
生成后 Artifact 出现在对话右侧的独立窗口，你可以：
- 切换视图——在预览（长什么样）和源码（怎么实现的）之间切
- 复制内容——点复制图标拿走内容用在别处
- 下载文件——存成文件到本地
- 看代码——确认它底层到底生成了什么
四、分享与公开发布
做出有用的东西之后，有三种流转方式：
复制或下载。 自己用，或者通过其他渠道分享。按钮在 Artifact 窗口右下角。
组织内共享（Claude for Work）。Team 和 Enterprise 用户可以在内部共享给同事。 共享的 Artifact 留在组织内，访问需要团队身份验证。
公开发布。 免费版、Pro、Max 用户可以发布 Artifact，让任何拿到链接的人都能访问。 发布的机制值得看清楚：
- 只有你选定的那个版本变成公开的，你的对话记录仍然私有
- 访问者不需要 Claude 账号就能查看和交互
- 不会被搜索引擎收录，不会出现在 Google 结果里
发布点 Artifact 右上角的「Share」或「Publish」。随时可以回到该 Artifact 撤销公开访问。
发布前想清楚
公开发布意味着任何拿到链接的人都能看，不需要账号。虽然不被搜索引擎索引， 但链接本身可以被转发。含内部数据、客户信息、未公开计划的 Artifact 不要公开发布—— 用组织内共享或直接下载。
五、四条实用建议
说具体。 「做个预算工具」可以用，但下面这个明显更好：
做一个月度预算追踪工具：我按类别录入支出，看到饼图分类占比，
超预算时给我警告提示。说清最终用户是谁。 这会影响它的设计选择。「这张流程图给新员工看」和 「这张流程图给工程团队看」产出的东西不一样——详略程度、术语使用都会变。
一次改一处。 让它每次加一个功能、改一个地方。这样容易判断什么改对了， 问题也能早发现。一口气提十条修改要求，出问题很难定位。
该要就要。 你要了一个有分量的东西但它回在聊天里，直接说「请做成 Artifact」。
六、自查
- 我有哪件重复性工作，值得做成一个可复用的交互工具？
- 我工作里有哪个流程，画成图会比文字描述清楚得多？
- 我想验证的哪个想法，做个原型试一下最快？
上一课 ← 第 5 课：项目（Projects）下一课 → 第 7 课：Skills
官方原文
本节对应 Anthropic 官方课程 Creating with artifacts