EP20. "用 Claude Artifacts 做 AI 应用原型"

• 不用管 API key、不用管部署，在 Claude artifacts 里就能做出一个真正跑得起来、带 AI 能力的应用——省掉一大堆配置的麻烦
• 学完知道怎么在 artifact 里接上 Claude 自己的智能、有哪些现成的应用灵感、迭代/除错的技巧、以及怎么把做好的东西分享出去

重点内容

在 artifact 里接上 Claude API

做法很简单：直接开口叫 Claude 用 Claude，需要的话补充具体要求就行,不用自己写认证配置。

测试用的示范 prompt：「Create a simple chatbot that uses Claude. Respond with compliments to every user input.」——照这句做出来就是一个会对你说的任何话都回夸奖的聊天机器人。

第一个 AI 应用做什么好：四类灵感

学习教育类

• 能针对代码风格和最佳实践给详细反馈的代码审查工具
• 能对话式练习外语的语言老师

内容生成类

• 把公司内部 Slack 帖子改写成适合发 LinkedIn 的文案助手
• 一页式 PRD（产品需求文档）生成器

分析与决策辅助类

• 用「5 个为什么」框架帮团队找出问题根因的工具

娱乐类

• 解梦工具，分析并解读用户的梦境

做 artifact 的几个技巧

• 让 Claude 反过来采访你：从一个粗略想法开始，让 Claude 主动问你问题，帮你把想法细化、建议可以加的功能
• 用后续 prompt 持续迭代：要求调整按钮大小、回复长度、配色方案都行，Claude 会记住之前的修改脉络
• 用对话方式除错：用大白话描述问题就好，不用讲技术术语；可以直接点 "Fix with Claude" 或用聊天方式说清楚哪里不对
• 善用 fork（分支）实验：回到之前任何一条消息，点 "Edit" 就能开一个新的对话分支，可以放心尝试别的做法，不会丢掉原本那个版本

怎么分享做好的 artifact

发布步骤：点 artifact 菜单右上角的 Publish 按钮，把生成的链接发出去。📌 只要还没取消发布，任何拿到这个链接的人都能打开用。已发布的内容可以在 "published" 标签页里找到。

要正式上线（迁移到生产环境）：把 artifact 里的代码复制到自己惯用的编辑器里，用 Claude Code 来做实际的转移工作，配上正式的 API key 管理，搭出经得起用的基础设施。

FAQ

什么是 artifacts，为什么适合拿来做原型？ Artifacts 是「Claude 在对话过程中生成的、自包含的一段代码」，会出现在独立的面板里。好处是：写完立刻能测试看到效果、能按实测结果快速迭代、内建 AI 能力不用额外配置。

能跟朋友/同事一起协作 artifact 吗？ 有 Claude 账号的人可以透过跟 Claude 对话来客制化你分享出来的 artifact，但他们客制化时会生成自己的一份拷贝，不是直接改你原本那份——你的版本会保留,别人可以在自己那份上面继续发展别的变体。

别人用我分享出去的 AI 应用，用量算谁的？ 「他们的 API 用量算在他们自己的订阅额度里，不会算到你头上」——用的人会用自己的账号登入认证、自己的用量自己出，双方都不需要另外管理 API key。

Sources

官方文档：

1. Prototype AI-Powered Apps with Claude artifacts — https://academy.claude.com/tutorials/prototype-ai-powered-apps-with-claude-artifacts