CodeArena : Comparaison des capacités de programmation LLM Open Source, vue en temps réel des meilleurs modèles de génération de code

Introduction générale

CodeArena 是一个独特的平台，旨在通过实时对决展示最佳开源代码生成模型（LLM）。用户可以观看不同的LLM在相同的编程任务中竞争，并通过实时排行榜查看表现最佳的模型。该平台利用Together AI生成代码，使用Sandpack渲染UI代码，并采用Next.js和TypeScript作为应用框架。CodeArena不仅展示了LLM的能力，还提供了详细的技术栈和操作指南，帮助用户更好地理解和使用这些工具。

Liste des fonctions

• 实时观看LLM编程对决
• 查看实时排行榜，了解最佳开源代码生成模型
• 使用Together AI生成代码
• Sandpack渲染UI代码
• Next.js和TypeScript作为应用框架
• 提供详细的技术栈和操作指南

Utiliser l'aide

Processus d'installation

1. Entrepôt de clonage :git clone https://github.com/Nutlope/codearena
2. établir.env文件并添加Together AI API密钥：TOGETHER_API_KEY=
3. 创建Postgres数据库（推荐使用Neon）并将连接详情添加到.envDocumentation :DATABASE_URL=
4. 安装依赖并本地运行：npm install répondre en chantant npm run dev

Lignes directrices pour l'utilisation

1. 观看LLM对决：访问平台主页，选择当前进行的编程对决，实时观看不同LLM在相同任务中的表现。
2. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的开源代码生成模型。
3. Générer le code：使用Together AI生成代码，平台会自动渲染UI代码并展示结果。
4. 技术栈介绍: :
   • Ensemble AI：用于生成代码的AI模型。
   • Sandpack：用于渲染UI代码的工具。
   • Next.js和TypeScript：作为平台的应用框架，提供高效的开发体验。
   • Shadcn和Tailwind：用于UI组件和样式设计。
   • Plausible和Helicone：用于分析和可观测性。

Procédure d'utilisation détaillée

1. entrepôt de clonesExécution dans un terminalgit clone https://github.com/Nutlope/codearena，将仓库克隆到本地。
2. Configuration des variables d'environnement: Créer un.env文件，并添加你的Together AI API密钥和Postgres数据库连接详情。
3. Installation des dépendances: Runnpm installInstaller toutes les dépendances nécessaires.
4. Lancement de projets: Runnpm run devDémarrez le serveur de développement local et accédez auhttp://localhost:3000查看平台。
5. 观看对决：在平台主页上选择一个正在进行的对决，实时观看不同LLM的编程表现。
6. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的模型。
7. Générer le code：在对决页面上，使用Together AI生成代码，平台会自动渲染并展示结果。

通过以上步骤，用户可以轻松上手使用CodeArena，观看LLM编程对决，并了解和使用最佳的开源代码生成模型。