先说结论

Artifact 适合需要独立查看、持续修改或导出的成品,不适合每个简短回答。最有效的流程是先让 Claude 澄清问题和验收标准,再生成最小版本;后续修改引用具体标题、字段或按钮,避免每次整份重写。

这篇教程解决什么

你希望把聊天中的想法变成一份可编辑文档、单页网页、图表或交互小工具,并通过多轮修改接近可交付状态。

开始之前

先把输入准备好

  • 01

    先写清用户、唯一核心任务和完成标准,不要从“做一个功能丰富的应用”开始。

  • 02

    确认输出是否需要运行代码、外部 API、登录或持久化数据;Artifact 并不等于完整生产环境。

  • 03

    准备一组真实但不敏感的样例数据,用于测试空状态、正常状态和错误状态。

完整操作

从输入到结果的 5 个步骤

  1. 01

    先判断是否值得创建 Artifact

    较长、独立、会反复修改或导出的内容适合 Artifact;一句解释、短列表和临时草稿留在聊天里更高效。

  2. 02

    让 Claude 先采访需求

    要求它最多提出五个会改变结果的问题,例如目标用户、输入、输出、必须保留和暂不支持的功能。

  3. 03

    生成最小可用版本

    第一版只实现核心流程和必要状态。不要同时要求登录、数据库、支付、协作和复杂动效。

  4. 04

    使用定点修改

    修改时引用唯一文本或具体组件,例如“将结果卡片中的下载按钮移到右上角”,而不是“全部再高级一点”。

  5. 05

    测试、导出并决定是否工程化

    检查不同屏幕、空值、长文本、错误输入和键盘操作。需要真实后端、安全权限或长期维护时,把 Artifact 当原型交给工程流程。

教程读完,工具仍然无法正常连接?

下载 Velochron,符合资格的新用户可体验 7 天

它是网络连接工具,不是 AI 模型,也不会代替你购买 AI 产品订阅。 下载后按客户端提示登录并检查体验资格,具体功能与有效期以客户端显示为准。

可直接使用

完整提示词模板

复制后按实际情况修改方括号内容必须替换
我想创建一个 Artifact,解决[问题],用户是[对象],唯一核心任务是[任务]。
输入:[字段];输出:[结果];必须包含:[要求];明确不做:[非目标]。
先不要生成。请先问我最多 5 个会改变设计的问题,然后输出一页最小规格和验收清单。
我确认后再创建第一版。第一版必须包含正常、空状态和错误状态;后续每次只做我指定的定点修改,并说明改动范围。
  • 把“现代、高级”替换为可以观察的布局、字号、颜色和交互要求。
  • 先定义非目标,能显著减少第一版堆入无关功能。
  • 对文档 Artifact 同样适用:先写结构,再逐段定点修改。
结果验收

输出完成后,逐项检查

  • 核心任务能在不解释的情况下完成,按钮和字段命名清楚。
  • 正常、空状态、错误输入和长内容都经过检查。
  • 每次定点修改没有重写无关部分或破坏已确认内容。
  • 代码、文档和图表中的事实与样例数据可追溯。
  • 需要外部 API、持久化或权限控制时,已明确进入工程开发而非直接上线。
常见失败点

出现这些情况,应该怎样改

第一轮就要求完整产品

限制为一个核心用户、一个核心任务和最少状态,先验证流程。

每次都说“整体优化一下”

引用具体文本、组件或段落做定点修改,减少无关回归。

能运行就认为可以发布

把 Artifact 当原型;真实上线仍需安全、测试、依赖和维护审查。

常见问题

实际使用时还会遇到什么

哪些内容适合 Claude Artifacts?

官方示例包括较长文档、代码、单页网页、SVG、图表和交互 React 组件。共同点是内容独立、较完整并且可能继续修改。

Artifact 每次修改会覆盖旧版本吗?

Anthropic 官方说明每次编辑会创建可通过版本选择器访问的新版本,便于比较和回退。

Artifact 可以直接连接任意外部 API 吗?

不能默认可以。官方对 Claude-powered artifacts 列出了外部调用和持久化等限制;需要生产能力时应进入正式工程流程。

官方参考资料

功能描述以官方帮助中心为准;版本、地区、账户权限和使用额度可能随时调整。

  1. Anthropic:What are artifacts and how do I use them?核对 Artifact 类型、版本、定点修改、导出与能力限制。
  2. Anthropic:Use artifacts to visualize and create AI apps核对从问题澄清到生成和迭代原型的官方建议。