CodeArena: Arena de comparação de recursos de programação LLM de código aberto, visualização em tempo real dos melhores modelos de geração de código

Introdução geral

A CodeArena é uma plataforma exclusiva projetada para apresentar os melhores modelos de geração de código-fonte aberto (LLMs) por meio de confrontos em tempo real. Os usuários podem assistir a diferentes LLMs competindo nas mesmas tarefas de programação e ver os modelos com melhor desempenho por meio de tabelas de classificação em tempo real. A plataforma utiliza o Together AI para gerar código, o Sandpack para renderizar o código da interface do usuário e o Next.js e o TypeScript como estruturas de aplicativos. O CodeArena não apenas apresenta os recursos dos LLMs, mas também fornece uma pilha de tecnologia detalhada e guias de instruções para ajudar os usuários a entender e usar melhor as ferramentas.

Lista de funções

• Assista ao confronto da programação do LLM em tempo real
• Veja as tabelas de classificação em tempo real para conhecer os melhores modelos de geração de código-fonte aberto
• Geração de código com o Together AI
• Código da UI de renderização do Sandpack
• Next.js e TypeScript como estruturas de aplicativos
• Fornece uma pilha de tecnologia detalhada e instruções de operação

Usando a Ajuda

Processo de instalação

1. Armazém de Clonagem:git clone https://github.com/Nutlope/codearena
2. estabelecer.enve adicione a chave da API do Together AI:TOGETHER_API_KEY=
3. Crie um banco de dados Postgres (recomenda-se o Neon) e adicione os detalhes da conexão ao arquivo.envDocumentação:DATABASE_URL=
4. Instale a dependência e execute-a localmente:npm install responder cantando npm run dev

Diretrizes para uso

1. Assista ao confronto do LLMVisite a página inicial da plataforma e selecione o duelo de programação em andamento para assistir em tempo real ao desempenho de diferentes LLMs na mesma tarefa.
2. Exibir classificaçõesConfira a tabela de classificação atualizada ao vivo na página inicial para ver os modelos de geração de código-fonte aberto com melhor desempenho atual.
3. Gerar códigoUsando o Together AI para gerar código, a plataforma renderiza automaticamente o código da interface do usuário e exibe os resultados.
4. Introdução à pilha de tecnologia::
   • IA em conjuntoModelos de IA para geração de código.
   • Pacote de areiaFerramenta para renderizar o código da interface do usuário.
   • Next.js e TypeScriptFornecimento de uma experiência de desenvolvimento eficiente como a estrutura de aplicativos da plataforma.
   • Shadcn e TailwindPara componentes e estilo da interface do usuário.
   • Plausível e HeliconePara análise e observabilidade.

Procedimento de operação detalhado

1. armazém de clonesExecutar em um terminalgit clone https://github.com/Nutlope/codearenaclonar o repositório localmente.
2. Configuração de variáveis de ambiente: Criar um.enve adicione sua chave de API do Together AI e os detalhes de conexão do banco de dados Postgres.
3. Instalação de dependências: Executarnpm installInstale todos os pacotes de dependência necessários.
4. Início de projetos: Executarnpm run devInicie o servidor de desenvolvimento local e acesse o arquivohttp://localhost:3000Exibir plataforma.
5. Assista ao confrontoSelecione um duelo em andamento na página inicial da plataforma para assistir ao desempenho da programação de diferentes LLMs em tempo real.
6. Exibir classificaçõesConfira a tabela de classificação atualizada em tempo real na página inicial para ver os modelos atuais com melhor desempenho.
7. Gerar códigoNa página do duelo, use o Together AI para gerar o código e a plataforma renderizará e exibirá automaticamente os resultados.

Com essas etapas, os usuários podem começar a usar a CodeArena com facilidade, assistir a confrontos de programação LLM e conhecer e usar os melhores modelos de geração de código-fonte aberto.