OpenArtifacts:创新的网页端代码执行工具,支持OpenAI、Llama.cpp、OpenRouter、Groq 等语言模型
在现代软件开发中,快速验证和执行代码变得至关重要。OpenArtifacts 提供了一种无需服务器的解决方案,让你在浏览器中直接运行代码,提升开发效率。
你是否曾遇到过需要快速测试代码却苦于没有服务器的情况?OpenArtifacts 为你提供了一种便捷的解决方案,只需一个 HTML 文件,即可在任何浏览器中运行代码。
OpenArtifacts 是一个类似于 Anthropic 的 Claude Artifacts 的项目。它通过在浏览器中直接运行代码打包器(esbuild-wasm),实现了无需服务器即可执行代码。

一、功能特征
-
无需服务器:直接在浏览器中运行代码,无需依赖服务器。
-
模块依赖:使用 CDN 加载模块,无需 npm 安装。
-
多模型支持:兼容 OpenAI、Llama.cpp、OpenRouter、Groq 等语言模型。
-
单文件运行:只需一个 HTML 文件即可运行,支持 file:// 协议。
二、操作指南
- 下载 HTML 文件:访问 OpenArtifacts 页面 下载。
- 打开浏览器:在浏览器中打开下载的 HTML 文件。
- 输入 API 信息:填写 API 终端、密钥和模型名称。
- 提交代码:输入代码后,按下提交按钮或使用快捷键 ⌘+Enter。
三、支持平台
OpenArtifacts 是基于 Web 的工具,支持所有主流浏览器,如 Chrome、Firefox、Safari 等,无需安装任何插件。
四、产品定价
OpenArtifacts 是开源项目,可以免费使用。用户可以在 GitHub 上查看源代码并进行贡献。
五、使用场景
-
快速验证:适合开发者在没有服务器的情况下快速验证代码。
-
学习与教学:学生和教师可以使用该工具进行编程学习和教学演示。
-
跨平台开发:支持多种语言模型,适用于不同的开发需求。
六、运作模式
OpenArtifacts 通过在浏览器中运行 esbuild-wasm 实现代码打包,并使用 CDN 加载模块。用户只需一个 HTML 文件即可轻松运行和测试代码。
结语
OpenArtifacts 提供了一种创新的方式来运行和测试代码,适合各种开发场景。立即访问 OpenArtifacts 体验这款强大的工具吧!
在线体验:https://mayfer.github.io/open-artifacts/
GitHub 项目地址:https://github.com/mayfer/open-artifacts

