Repolode
提交项目
Nutlope

Nutlope/llamacoder

开源版 Claude Artifacts，输入一句提示即可生成小型应用，底层使用 Llama 3.1 405B 模型。

可替代:Claude Artifacts

在 GitHub 查看官网
Star
7,156
Fork
1,676
未关闭 Issue
10
最近提交
16天前

这是什么？

Llama Coder 接收一段自然语言提示，生成一个小型 Web 应用，并同时展示生成的代码和实时预览。模型使用 Meta 的 Llama 3.1 405B，推理由 Together AI 提供。

预览在浏览器中完成渲染：esbuild-wasm 负责编译生成的代码，esm.sh 提供所需的依赖包，运行结果放在沙箱 iframe 中。项目本身基于 Next.js app router 与 Tailwind 构建，通过 Prisma 连接 Neon 等 PostgreSQL 数据库。

运行前需要配置 Together AI 的 API Key 和数据库连接串。Braintrust 可观测性与基于 S3 的截图上传为可选配置。项目采用 MIT 许可证。

核心功能

  • 01根据一句自然语言提示生成小型应用。
  • 02在沙箱 iframe 中实时预览生成的代码。
  • 03通过 Together AI 调用 Llama 3.1 405B 完成代码生成。
  • 04基于 Next.js app router、Tailwind CSS，并使用 Prisma 连接 PostgreSQL。
  • 05可选接入 Braintrust 可观测性与 S3 截图上传。

适用场景

  • 用文字描述快速原型化一个小型交互界面。
  • 学习如何用浏览器端渲染器构建 AI 应用生成工具。
  • 使用自己的 Together AI 密钥和数据库自部署 AI 应用构建器。

快速上手

  1. 1

    克隆仓库

    git clone https://github.com/Nutlope/llamacoder
  2. 2

    创建 .env 文件并添加你的 API 密钥（Together AI、Neon 数据库地址，以及可选的 Braintrust 和 S3 设置）

  3. 3

    安装依赖并启动开发服务器

    npm install && npm run dev

使用前须知

  • 运行需要 Together AI 的 API 密钥（可能需付费）以及 PostgreSQL 数据库（README 推荐 Neon）。
  • 截图上传功能需要 S3 存储桶和额外的密钥配置，自行部署的设置工作量较大。

标签

#ai#llm#code-generation#llama#nextjs#react#typescript

常见问题

llamacoder 是什么？
开源版 Claude Artifacts，输入一句提示即可生成小型应用，底层使用 Llama 3.1 405B 模型。 Llama Coder 接收一段自然语言提示，生成一个小型 Web 应用，并同时展示生成的代码和实时预览。模型使用 Meta 的 Llama 3.1 405B，推理由 Together AI 提供。
llamacoder 可以免费使用吗？用的什么许可证？
llamacoder 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
llamacoder 还在维护吗？
活跃维护中。llamacoder 最近一次提交是在 2026年10月22日。
llamacoder 适合用来做什么？
用文字描述快速原型化一个小型交互界面。 学习如何用浏览器端渲染器构建 AI 应用生成工具。 使用自己的 Together AI 密钥和数据库自部署 AI 应用构建器。
llamacoder 怎么安装和运行？
克隆仓库: git clone https://github.com/Nutlope/llamacoder 创建 .env 文件并添加你的 API 密钥（Together AI、Neon 数据库地址，以及可选的 Braintrust 和 S3 设置） 安装依赖并启动开发服务器: npm install && npm run dev
在哪里获取 llamacoder？
源代码和安装说明在 GitHub 上：https://github.com/Nutlope/llamacoder

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目