这篇讲什么
Artifacts 把 Claude 的回答从”一次性聊天”变成”侧边栏里可编辑、可版本、可运行、可下载”的真实产物。它解决的痛点：在长对话里反复翻找”那一版还不错的文档 / 代码”，再手动复制到 Notion 或 VS Code 里。受众：把 Claude 当协作小伙伴、需要真实交付（草稿、代码、看板、HTML 页面）的人，而不是只问答案的人。
本文涉及的工具 / 概念：
- Claude: Anthropic 的对话式 AI，支持文件、长上下文和工具集成；Artifact 面板内置在 claude.ai 聊天界面里。
- Artifact: 持久化、可编辑的侧栏输出。类型包括代码（任何语言）、Markdown 文档、HTML/React/SVG 以及 Mermaid 图。
- 原地编辑（in-place edit）: 让 Claude 在现有 Artifact 上改，而不是重生成，保留历史。
这篇适合谁看
要交付文档、代码片段、PPT 大纲、单页 web 小工具，或任何需要持续迭代的输出的人。如果你目前的流程是”在 Claude 里聊 → 手动粘到 Notion / VS Code / Google Docs”，Artifacts 正好抄近路。
什么时候适合用
只要回答不是一句话、且预期要迭代，就用 Artifact。强匹配：HTML/React 小工具、计算器、对比表、JSON 配置文件、像样的 README、Markdown 形式的幻灯片、Mermaid 图、要反复调的 SQL 和正则。弱匹配：散文回答、快速查询、自由头脑风暴。
开始前准备
- 先定产物类型：“Markdown 文档”、“单文件 HTML 页面”、“Python 脚本”、“Mermaid 时序图”。模糊的要求出通用 Artifact。
- 输入集中在一次对话里：源数据贴进去、文件挂上、引用链接给到、约束（字数、目标读者、库版本）写清楚。
- 把成功标准写下来——“浏览器里能直接打开”、“一张 slide 能放下”、“通过这三个测试用例”。后面质量检查会用。
- 先做小样本：先为一行、一页、一节做出 Artifact，再泛化。
具体步骤
- 新开对话，直接要求产物类型：“Create an Artifact: 单文件 HTML 定价页，不用外部 CSS，Tailwind 走 CDN，三档套餐。”
- 等右侧面板打开。如果 Claude 把代码塞在聊天里，回：“Move this to an Artifact.”
- 按命名部件迭代：“Pricing 组件里把中间档改成 $29，加一个 ‘Most Popular’ 角标。“别说”做漂亮点”。
- 它一改就重写整个文件时反推：“原地修改，不要重建。只展示改动的行。”
- 稳定后通过菜单按钮下载。HTML 拿到
.html文件可直接托管；代码拿到源文件。 - 把 Artifact 源码备份到 Git / Notion / 本地文件。Artifact 绑在对话里，对话被删就没了。
第一次实操怎么跑
- 选一个十分钟内能完成的目标：个人花销计算器、一页 HTML 简历、Markdown 会议纪要模板。
- 中途不要改规格——即便首版有错，先完整跑完一遍。
- 把结果保存，分块标注：“能直接用”、“需要人工改”、“完全错”。
- 第二次只改一个变量：prompt、格式、或输入数据，三个不要一起改。
完成后检查
- Artifact 是否能不修就打开 / 渲染 / 编译？要先 debug 才能读，说明规格太模糊。
- 在 Artifact 里抽查三条事实 / 数字 / 链接，对照原始素材。Claude 会在漂亮输出里塞似是而非的细节。
- 交互型 Artifact 至少跑一个边界用例（空输入、超长字符串、零值）再相信结果。
- 写下需要人工判断的风险：生成图片的版权、金融计算、任何接触线上系统的部分。
怎么复用这套流程
- 把成功的 prompt 存成模板。标出哪些是变量（数据、语气、库版本），哪些是固定（格式、结构、约束）。
- 给每种常用 Artifact 类型做一页清单：需要的输入、预期格式、谁审。
- 维护一个”翻车清单”——产出错误结果的 prompt。五到十条之后规律自然浮现。
- 每隔几周重跑一次模板。Claude 默认值、沙箱库版本、UI 都在变。
建议的操作流程
一句话写清产物 + 格式 + 约束 → 以 Artifact 形式生成 → 原地按命名部件迭代 → 下载 → 备份到 Claude 之外（Git / Notion / Drive）→ 把 prompt 存成下次复用的模板。
FAQ
- 能把 Artifact 链接分享给没用 Claude 的人吗？: 可以，Anthropic 对部分 Artifact 类型提供公开分享链接，但只读，他们改不动你这边的对话。
- 代码 Artifact 老是丢 import 怎么办？: 文件超过几百行时 Claude 会截断。要”完整文件、所有 import”或拆成多个 Artifact。
- Artifact 能调外部 API 吗？: 交互 HTML/React Artifact 跑在沙箱里，没有外网。它适合 UI 原型，不适合真实数据接入。
- 下载到 0 字节怎么办？: 这是已知问题，参见Claude Artifact 下载失败 / 文件为空；fallback 是直接从面板复制源码。
- 能在 Claude 内做版本控制吗？: 不能，每次有意义的修改后导出到 Git。
容易踩的坑
- 每次迭代都重生成而不要求原地修改——慢，还丢掉之前的修复。
- 一开始不指定格式，导致 Claude 给了 Markdown 而你要的是 HTML，反之亦然。
- 把 Artifact 当一次性，忘了导出——对话归档后东西就没了。
- 不对照源材料就信 Artifact 里的计算或数据。
- 没规格地说”给我做个网站”，拿到要全部重写的通用 landing page。
- 让交互 Artifact 涨到 300 行还不把源码拉出来——在面板里 debug 越来越慢。