fragments 是一个基于 Next.js 的开源模板，用于构建 AI 生成交互式 Web 应用，通过 E2B SDK 在安全沙箱中执行 AI 生成的代码。它提供了 Claude Artifacts、v0 等工具的开源替代方案。
项目概览
该模板集成了 E2B 沙箱和 Vercel AI SDK，提供了从前端流式交互到后端安全执行 AI 生成代码的完整参考实现。
项目类型
AI 编程 · AI 工作流
应用场景
编程开发
部署方式
查看项目说明
License
Apache-2.0
适合谁
寻找 Claude Artifacts、v0 等工具的开源替代方案，希望掌控 AI 代码生成与执行后端链路的开发团队。
需要在隔离沙箱中执行 AI 生成的代码，并希望以流式 Web UI 呈现结果的 Next.js 开发者。
核心能力
做什么：提供基于 Next.js 14 构建的前端交互界面。如何工作：集成了 Vercel AI SDK 来处理数据流，将大模型的生成内容以流式方式实时渲染到前端。用户价值：应用能够在生成代码时即时反馈状态，改善等待体验。状态：可用。
做什么：安全地运行由 AI 生成的应用程序或脚本。如何工作：通过 E2B SDK 在安全沙箱环境中执行生成代码，将其与本地或生产环境隔离。用户价值：降低了在生产环境中运行不可信 AI 代码的安全风险。状态：可用。
做什么：允许扩展 AI 能够生成的应用类型。如何工作：用户可以预置不同的代码模板（如 Python 脚本、Streamlit 数据应用、Next.js 前端页面），作为 AI 生成代码的参考与运行基础。用户价值：使得平台不仅限于生成单一的网页应用，还能适应数据分析、后端脚本等多种工作流场景。状态：可用。
限制与风险
必须获取并配置 E2B 和大语言模型提供商（如 OpenAI、Anthropic）的 API Key 才能正常运作，这引入了外部服务依赖。
GitHub 项目简介: Open-source Next.js template for building apps that are fully generated by AI. By E2B.
README: This is an open-source version of apps like [Anthropic's Claude Artifacts](https://www.anthropic.com/news/claude-3-5-sonnet), Vercel [v0](https://v0.dev), or [GPT Engineer](https:…
README: - Based on Next.js 14 (App Router, Server Actions), shadcn/ui, TailwindCSS, Vercel AI SDK. - Uses the [E2B SDK](https://github.com/e2b-dev/code-interpreter) by [E2B](https://e2b.d…
README: ``` npm run build ```
README: 1. Make sure [E2B CLI](https://e2b.dev/docs/cli?utm_source=github&utm_medium=referral&utm_campaign=readme&utm_content=fragments) is installed and you're logged in. 2. Add a new fo…