免费 · 无需注册 · 全程在浏览器本地完成

Claude Artifact 下载器

Claude Artifact 的分享和导出有不少限制:私密分享需要付费版,也没有一键导出按钮。把 Claude 里的 Artifact 代码粘贴到这里,实时预览,一键下载成可独立运行的 .html 文件——代码全程不离开你的浏览器。

粘贴、预览、下载

把 Claude 代码视图里的源码粘进来,预览会随输入实时刷新。

Artifact 代码

已识别:React (JSX) 组件

HTML Artifact 会原样下载;React 组件会自动包上一层自带 React 和 Babel 的 HTML 外壳,双击文件即可运行。

所有处理都在当前浏览器标签页本地完成——代码不会上传到任何服务器。

实时预览

怎么下载 Claude Artifact(导出为 HTML 文件)

  1. 1

    在 Claude 里打开 Artifact

    让 Claude 生成一个仪表盘、小游戏或计算器,等待 Artifact 面板渲染完成。

  2. 2

    切换到代码视图并复制

    在 Artifact 面板里从预览切换到 Code 视图,用复制按钮复制完整源码。

  3. 3

    粘贴到本工具

    把代码粘贴到上方输入框,工具会自动识别是完整 HTML 文档还是 React 组件,并生成对应文件。

  4. 4

    确认实时预览

    检查预览效果和在 Claude 里看到的一致——预览使用同样的沙箱渲染方式。

  5. 5

    命名并下载

    设置文件名,点击下载,就能得到完全属于你的独立 .html 文件——不依赖任何平台和分享链接。

为什么要把 Claude Artifact 下载成 HTML?

免费,无需注册

不用账号、不用装插件、没有付费墙。打开页面、粘贴代码、下载文件,就这么简单。

完全本地,不上传任何数据

预览和下载全部在你的浏览器里完成,Artifact 代码不会发送到任何服务器,也不会被存储。

随处运行,支持离线

下载的 .html 是真正独立的文件。可以在桌面直接打开、用邮件发送或长期归档,HTML Artifact 离线也能运行。

支持 React (JSX) Artifact

JSX 组件会自动包进自带 React 的 HTML 外壳,交互式 Artifact 在 Claude 之外照样能跑。

常见问题

更多免费 AI 工具与指南