CodeArena: Open-Source-Vergleichsarena für LLM-Programmierfähigkeiten, Echtzeit-Ansicht der besten Codegenerierungsmodelle

Allgemeine Einführung

CodeArena ist eine einzigartige Plattform, die entwickelt wurde, um die besten Open-Source-Modelle zur Codegenerierung (LLMs) durch Echtzeit-Wettkämpfe zu präsentieren. Die Nutzer können verschiedene LLMs bei denselben Programmieraufgaben gegeneinander antreten lassen und die besten Modelle in Echtzeit-Ranglisten sehen. Die Plattform nutzt Together AI zur Codegenerierung, Sandpack zum Rendern von UI-Code und Next.js und TypeScript als Anwendungsframeworks. CodeArena zeigt nicht nur die Fähigkeiten der LLMs, sondern bietet auch einen detaillierten Tech-Stack und Anleitungen, um den Nutzern zu helfen, die Tools besser zu verstehen und zu nutzen.

Funktionsliste

• Verfolgen Sie den LLM-Programmierungs-Showdown in Echtzeit
• Sehen Sie sich Echtzeit-Bestenlisten an und erfahren Sie mehr über die besten Modelle der Open-Source-Code-Generierung
• Code-Generierung mit Together AI
• Sandpack-Rendering UI-Code
• Next.js und TypeScript als Anwendungsrahmen
• Bietet einen detaillierten Technologiestapel und Betriebsanweisungen

Hilfe verwenden

Einbauverfahren

1. Klon-Lagerhaus:git clone https://github.com/Nutlope/codearena
2. einrichten..envund fügen Sie den Together-AI-API-Schlüssel hinzu:TOGETHER_API_KEY=
3. Erstellen Sie eine Postgres-Datenbank (Neon wird empfohlen) und fügen Sie die Verbindungsdetails zur.envDokumentation:DATABASE_URL=
4. Installieren Sie die Abhängigkeit und führen Sie sie lokal aus:npm install im Gesang antworten npm run dev

Leitlinien für die Verwendung

1. Sehen Sie sich den LLM-Showdown anBesuchen Sie die Homepage der Plattform und wählen Sie das aktuell laufende Programmierduell aus, um in Echtzeit zu sehen, wie verschiedene LLMs bei derselben Aufgabe abschneiden.
2. Ranglisten anzeigenDie aktuelle Rangliste auf der Homepage zeigt die derzeit leistungsstärksten Open-Source-Modelle zur Codegenerierung an.
3. Code generierenDie Plattform generiert mit Hilfe von Together AI Code, rendert automatisch den UI-Code und zeigt die Ergebnisse an.
4. Technologie Stack Einführung::
   • Gemeinsam AI: KI-Modelle für die Codegenerierung.
   • SandpäckchenEin Werkzeug zum Rendern von UI-Code.
   • Next.js und TypeScriptEffiziente Entwicklungserfahrung als Anwendungsrahmen der Plattform bieten.
   • Shadcn und RückenwindFür UI-Komponenten und Styling.
   • Plausibel und HelikonFür Analyse und Beobachtbarkeit.

Detaillierte Vorgehensweise

1. Klon-Lager: In einem Terminal ausführengit clone https://github.com/Nutlope/codearenaklonen Sie das Repository lokal.
2. Umgebungsvariablen konfigurieren: Erstellen einer.envund fügen Sie Ihren Together AI-API-Schlüssel und die Verbindungsdaten zur Postgres-Datenbank hinzu.
3. Installation von Abhängigkeiten: Laufnpm installInstallieren Sie alle erforderlichen Abhängigkeitspakete.
4. Initiierung von Projekten: Laufnpm run devStarten Sie den lokalen Entwicklungsserver und greifen Sie auf diehttp://localhost:3000Plattform ansehen.
5. Sehen Sie sich den Showdown anWählen Sie auf der Homepage der Plattform ein laufendes Duell aus, um die Programmierleistung der verschiedenen LLMs in Echtzeit zu verfolgen.
6. Ranglisten anzeigenIn der in Echtzeit aktualisierten Rangliste auf der Homepage finden Sie die aktuell leistungsstärksten Modelle.
7. Code generierenAuf der Seite "Face-Off" können Sie mit Together AI Code generieren, und die Plattform wird die Ergebnisse automatisch darstellen.

Mit diesen Schritten können Benutzer leicht mit CodeArena beginnen, LLM-Programmier-Showdowns ansehen und die besten Open-Source-Code-Generierungsmodelle kennenlernen und verwenden.