教程

用 Claude Artifacts 十分钟做出一个小工具:不写代码,说清楚就行

Artifacts 能让 Claude 直接做出可以点、可以用的网页小工具。以「报价计算器」为例,四步做出来、改顺手、保存并分享,附需求模板和注意事项。

灵点AI 约 6 分钟读完 最后验证 2026.10.14
本篇目录

本文 2026 年 10 月整理,界面和功能以 Claude 官方帮助中心为准。还不了解 Claude,可以先读 Claude 新手指南。

用 Artifacts 十分钟做出一个小工具

Artifacts 是什么

平时跟 Claude 聊天,得到的是一段文字。Artifacts 不一样:Claude 会把内容做成一个独立的「作品」,显示在对话旁边的窗口里,比如:

  • 一篇排好版的文档
  • 一个能点、能输入的小工具:计算器、待办清单、小测验
  • 一张图表、一个流程图、一个单页网站

做好的作品都会保存在侧边栏的 Artifacts 列表里,之后还能回来接着改。免费账号也能用。

四步做出你的第一个小工具

四步做出你的第一个小工具:想好做什么、说清需求、一次改一处、保存和分享

第一步:想好做什么

从一件你经常重复的小事开始,越具体越好。比如:

  • 给客户算报价:输入数量和单价,自动算折扣和总价
  • 番茄钟:25 分钟专注 + 5 分钟休息,自动计数
  • 小测验:把一份培训资料变成 10 道选择题

第二步:说清需求

把下面这段发给 Claude,换成你自己的内容:

帮我做一个报价计算器小工具。
- 谁用:我自己,给客户报价时用
- 输入:产品名称、数量、单价、折扣(百分比)
- 输出:小计、折扣金额、最终总价,金额保留两位小数
- 能添加多行产品,最后汇总
- 样子:简洁,白底蓝色按钮,手机上也能用
- 加一个「复制报价」按钮,把结果复制成一段文字

说清「谁用、输入什么、输出什么、长什么样」,第一版就能八九不离十。

第三步:一次改一处

在旁边的窗口里直接试用。哪里不对,就接着说,但一次只提一个修改:

  • 「总价那一行字体再大一点,用蓝色」
  • 「折扣超过 30% 时,弹出提醒」
  • 「加一列备注」

改坏了也不怕:编辑之前的消息可以生成一个新版本的对话,原来的作品不会丢。

第四步:保存和分享

  • 做好的作品会自动出现在侧边栏的 Artifacts 列表里
  • 想给别人用,点作品窗口里的「分享」,选择谁能打开,再复制链接
  • 个人付费版可以选「只有自己」或「任何拿到链接的人」;团队版还能只分享给公司内部
  • 打开链接的人需要有 Claude 账号

更进一步

  • 能记住数据:付费版里,小工具可以在两次使用之间保存数据,比如记账记录。每个作品最多存 20 MB 文字
  • 能调用 Claude:小工具里可以内置「问 Claude」的功能,第一次使用时会先征求你的同意;使用的人用的是自己的 Claude 账号
  • 也能做文档、幻灯片:除了小工具,还有文档、幻灯片、设计等模板,可以直接在页面上编辑

使用时注意

  • 分享前确认作品里没有客户信息、价格底线等敏感内容
  • 带「共享存储」的小工具,所有使用者都能看到存进去的数据,不要往里填隐私信息
  • 如果 Claude 做不出作品,到设置里确认「代码执行和文件创建」功能已经打开

下一步