CodeArena: comparador de capacidades de programación LLM de código abierto, visión en tiempo real de los mejores modelos de generación de código

Introducción general

CodeArena es una plataforma única diseñada para mostrar los mejores modelos de generación de código abierto (LLM) mediante enfrentamientos en tiempo real. Los usuarios pueden ver cómo diferentes LLM compiten en las mismas tareas de programación y ver los modelos con mejores resultados a través de tablas de clasificación en tiempo real. La plataforma utiliza Together AI para generar código, Sandpack para renderizar código de interfaz de usuario, y Next.js y TypeScript como marcos de aplicación. CodeArena no sólo muestra las capacidades de los LLM, sino que también proporciona una pila técnica detallada y guías prácticas para ayudar a los usuarios a comprender y utilizar mejor las herramientas.

Lista de funciones

• Vea el enfrentamiento de programación del LLM en tiempo real
• Vea tablas de clasificación en tiempo real para conocer los mejores modelos de generación de código abierto
• Generar código con Together AI
• Código de la interfaz de usuario de Sandpack
• Next.js y TypeScript como marcos de aplicaciones
• Proporciona una pila tecnológica detallada e instrucciones de uso

Utilizar la ayuda

Proceso de instalación

1. Almacén de clonación:git clone https://github.com/Nutlope/codearena
2. establecer.envy añada la clave API de Together AI:TOGETHER_API_KEY=
3. Cree una base de datos Postgres (se recomienda Neon) y añada los detalles de la conexión al archivo.envDocumentación:DATABASE_URL=
4. Instale la dependencia y ejecútela localmente:npm install responder cantando npm run dev

Normas de uso

1. Vea el enfrentamiento LLMVisita la página de inicio de la plataforma y selecciona el duelo de programación en curso para ver en tiempo real cómo se desenvuelven diferentes LLM en la misma tarea.
2. Ver clasificacionesEn la página de inicio puede consultar la clasificación actualizada en tiempo real de los modelos de generación de código fuente abierto con mejores resultados.
3. Generar códigoLa plataforma utiliza Together AI para generar código, renderiza automáticamente el código de la interfaz de usuario y muestra los resultados.
4. Introducción a la pila tecnológica::
   • Juntos IA: Modelos de IA para la generación de código.
   • SandpackUna herramienta para renderizar código de interfaz de usuario.
   • Next.js y TypeScript: Proporcionar una experiencia de desarrollo eficiente como marco de aplicación de la plataforma.
   • Shadcn y TailwindPara los componentes y el estilo de la interfaz de usuario.
   • Plausible y Helicónico: Para el análisis y la observabilidad.

Procedimiento de funcionamiento detallado

1. almacén de clonesEjecutar en un terminalgit clone https://github.com/Nutlope/codearenaclone el repositorio localmente.
2. Configuración de variables de entorno: Crear un.envy añada su clave API de Together AI y los detalles de conexión a la base de datos Postgres.
3. Instalación de dependencias: Ejecutarnpm installInstale todos los paquetes de dependencias necesarios.
4. Inicio de proyectos: Ejecutarnpm run devInicie el servidor de desarrollo local y acceda alhttp://localhost:3000Ver Plataforma.
5. Vea el enfrentamiento: Selecciona un duelo en curso en la página de inicio de la plataforma para ver el rendimiento de programación de diferentes LLM en tiempo real.
6. Ver clasificacionesEn la página de inicio se puede consultar la clasificación actualizada en tiempo real de los modelos con mejores resultados.
7. Generar códigoEn la página del duelo, utiliza Juntos AI para generar el código y la plataforma renderizará y mostrará automáticamente los resultados.

Con estos pasos, los usuarios pueden iniciarse fácilmente en CodeArena, ver enfrentamientos de programación LLM y conocer y utilizar los mejores modelos de generación de código de fuente abierta.