CodeArena：在线 LLM 编程竞技场！用于测试不同开源 LLM 的编程能力，实时更新排行榜

❤️ 如果你也关注 AI 的发展现状，且对 AI 应用开发非常感兴趣，我会每日跟你分享最新的 AI 资讯和开源应用，也会不定期分享自己的想法和开源实例，欢迎关注我哦！

🥦 微信公众号｜搜一搜：蚝油菜花 🥦

---

🚀 快速阅读

1. 平台功能：支持多个 LLM 同时解决相同的编程问题，实时比较代码生成过程和结果。
2. 技术栈：基于 Together AI、Sandpack、Next.js、TypeScript 等技术构建。
3. 应用场景：适用于企业选型、学术研究、编程教育等领域。

正文

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

1. 克隆仓库：git clone https://github.com/Nutlope/codearena
2. 创建 .env 文件：添加 Together AI API 密钥：TOGETHER_API_KEY=
3. 创建 PostgreSQL 数据库：推荐使用 Neon，并将连接详情添加到 .env 文件中：DATABASE_URL=
4. 安装依赖并运行：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 资讯和开源应用，也会不定期分享自己的想法和开源实例，欢迎关注我哦！

🥦 微信公众号｜搜一搜：蚝油菜花 🥦