EP24. "用 Artifacts 做可视化和 AI 应用，不用写代码"
🔒 登录后可标记已读- Artifacts 是「你能跟 Claude 一起搭出来的迷你 App」，专门用来把想法具象化——不用写代码，做完还能直接在 Claude App 里客制化、分享出去
- 这篇跟 EP20「用 Claude Artifacts 做 AI 应用原型」角度不同：EP20 聚焦在怎么把 Claude API 接进 artifact 做「AI 驱动」的应用，这篇讲的是 artifacts 本身更广义的用途（不一定要接 AI 能力）、以及从零开始做第一个 artifact 的具体步骤
- 学完知道 artifacts 适合做哪些东西、怎么用一句话模板起步、怎么迭代改进、分享前要测什么
重点内容
Artifacts 是什么、什么时候用
「Artifacts 是从你跟 Claude 的对话中产生的互动式应用。能让你从 Claude App 的聊天里直接生成代码、文档、应用这类东西。」
适合做的东西：
| 类型 | 例子 |
|---|---|
| 产品原型 | 情绪画布（mood canvas） |
| 量身定制的 AI 助手 | 写邮件助手、婚礼策划机器人、食谱帮手 |
| 学习类小游戏 | 怪兽数学对战、语言学习陪练 |
| 小生意解决方案 | 带甘特图的项目仪表板生成器 |
做出第一个 artifact
- 在侧栏找到 artifacts
- 跟 Claude 说清楚你要解决的问题
- 让 Claude 反过来问你几个澄清问题
- 直接说「Can you create this for me?」这类话，请它动手做出 artifact
练手用的 prompt 模板： 「I want a small app that helps with this problem: [描述你的问题]. Ask me a couple of questions about who will use it and what it needs to show, then build it as an artifact.」
怎么把 artifact 越改越好
- 用后续 prompt 持续迭代：直接要求具体的修改，比如「把按钮做大一点」「加个计时器」
- 用对话方式除错：用大白话描述问题就好,不需要看懂技术性的报错信息
- 善用分支（fork）实验：编辑之前的消息就能开一个新的对话分支,尝试不同做法
📌 分享前先自己测一遍：故意输入意料之外的东西（在只能填整数的栏位填小数、留空、故意输入超长内容），确认这些边界情况不会搞坏你的 artifact，再拿去分享。
怎么分享做好的 artifact
点 Publish 按钮生成分享链接。「只要你还没取消发布，任何拿到链接的人都能打开用你做的东西。」不用登入就能互动（除非是需要认证的 AI 驱动型 artifact）。看的人能复制内容、看代码，但不能修改已发布的版本。
Sources
官方文档：
- Use artifacts to visualize and create AI apps without ever writing a line of code — https://academy.claude.com/tutorials/use-artifacts-to-visualize-and-create-ai-apps-without-ever-writing-a-line-of-code