❤️ 如果你也关注 AI 的发展现状，且对 AI 应用开发非常感兴趣，我会每日跟你分享最新的 AI 资讯和开源应用，也会不定期分享自己的想法和开源实例，欢迎关注我哦！
🥦 微信公众号｜搜一搜：蚝油菜花 🥦
🚀 快速阅读
- 平台功能：支持多个 LLM 同时解决相同的编程问题，实时比较代码生成过程和结果。
- 技术栈：基于 Together AI、Sandpack、Next.js、TypeScript 等技术构建。
- 应用场景：适用于企业选型、学术研究、编程教育等领域。
正文
CodeArena 是什么
CodeArena 是一个在线平台，旨在通过让多个大型语言模型（LLM）同时构建相同的应用程序，实时显示排名结果，比较不同 LLM 的代码生成能力。该平台主要用于评估和比较不同 LLM 的代码生成能力，帮助开发者选择适合的 LLM，并推动 LLM 技术的发展。
CodeArena 的技术栈包括 Together AI 用于运行 LLM，Sandpack 用于渲染 UI 代码，以及 Next.js、TypeScript、Shadcn UI 组件和 Tailwind CSS 用于前端构建。
CodeArena 的主要功能
- 实时代码生成比较：支持多个 LLM 同时解决相同的编程问题，用户可以实时观察每个模型的代码生成过程和结果。
- 性能排名：平台根据 LLM 解决问题的效率、准确性和代码质量等因素进行排名。
- 代码质量评估：用户可以比较不同 LLM 生成的代码，包括代码的可读性、效率和错误率等。
- 开发者工具集成：集成开发者工具，如代码编辑器和调试工具，便于用户更深入地分析和测试 LLM 生成的代码。
CodeArena 的技术原理
- 大型语言模型（LLM）：CodeArena 的核心是使用多个不同的 LLM，这些模型能够理解和生成自然语言及代码。
- 并行处理：平台同时处理多个 LLM 的输入和输出，实现实时比较。
- 实时渲染：使用 Sandpack 实时渲染 LLM 生成的代码，用户可以即时查看代码的变化。
- 前端技术栈：使用 Next.js、TypeScript 等现代 JavaScript 技术栈构建用户界面。
- UI 组件和样式：使用 Shadcn UI 组件和 Tailwind CSS 等工具设计和定制用户界面。
如何运行 CodeArena
- 克隆仓库：
git clone https://github.com/Nutlope/codearena - 创建
.env文件：添加 Together AI API 密钥：TOGETHER_API_KEY= - 创建 PostgreSQL 数据库：推荐使用 Neon，并将连接详情添加到
.env文件中：DATABASE_URL= - 安装依赖并运行：
npm install和npm run dev
资源
- 项目官网：https://www.llmcodearena.com
- GitHub 仓库：https://github.com/Nutlope/codearena
- Together AI：https://dub.sh/together-ai
- Sandpack：https://sandpack.codesandbox.io/
- Next.js：https://nextjs.org/
- Shadcn UI：https://ui.shadcn.com/
- Tailwind CSS：https://tailwindcss.com/
❤️ 如果你也关注 AI 的发展现状，且对 AI 应用开发非常感兴趣，我会每日跟你分享最新的 AI 资讯和开源应用，也会不定期分享自己的想法和开源实例，欢迎关注我哦！
🥦 微信公众号｜搜一搜：蚝油菜花 🥦
