Groq AppGen: um projeto experimental para demonstrar os recursos de geração de código HTML do Llama 3.3 70B usando APIs do Groq

Introdução geral

Groq O AppGen é um inovador gerador interativo de aplicativos da Web desenvolvido e de código aberto pela Groq. O projeto demonstra o poder do modelo Llama 3.3 70B para geração de código HTML. Ao integrar a API Large Language Model (LLM) da Groq, os usuários podem gerar e modificar aplicativos da Web em tempo real usando descrições de linguagem natural. Criado com o Next.js 14 e o TypeScript, o sistema oferece uma estrutura de desenvolvimento moderna. O projeto não apenas oferece suporte à geração de aplicativos básicos, mas também integra recursos avançados, como verificação de segurança de conteúdo (usando o LlamaGuard), controle de versão e rastreamento de histórico, permitindo que os desenvolvedores criem aplicativos da Web com mais segurança e eficiência.

Lista de funções

• Geração de aplicativos em tempo real com base em consultas de linguagem natural
• Verificações de segurança de conteúdo com o LlamaGuard
• Sistema de feedback interativo para apoiar o aprimoramento iterativo
• Recursos de controle de versão e rastreamento de histórico
• Recursos de compartilhamento e exportação de aplicativos
• Funcionalidade de fala para texto (usando o modelo whisper-large-v3-turbo)
• Suporte para reconhecimento de imagens e descrições de desenhos da interface do usuário
• Mecanismos de votação e relatório de aplicativos
• Suporte para remixagem de aplicativos e modificações personalizadas

Usando a Ajuda

1. configuração ambiental

1. Requisitos antecedentes:
   • Chave de API do Groq necessária
   • Instalação do ambiente Node.js
2. Etapas de instalação:

   # Clonar o repositório
   git clone https://github.com/groq/groq-appgen
   Instalar as dependências do #
   npm install
   # Configure as variáveis de ambiente
   # Crie um arquivo .env e adicione:
   GROQ_API_KEY=sua chave de API
   # Inicie o servidor de desenvolvimento
   npm run dev
   

2. descrição do uso das principais funções

2.1 Geração de aplicativos

1. Visite http://localhost:3000
2. Use linguagem natural na caixa de consulta para descrever o aplicativo que você deseja criar
3. Clique no botão "Generate" (Gerar) para iniciar a geração.
4. O sistema gera um aplicativo da Web que corresponde à descrição em tempo real

2.2 Modificações e otimização do aplicativo

1. Entrar no modo de feedback
2. Descreva as mudanças que você deseja
3. Clique no botão "Apply Edit" (Aplicar edição) para aplicar as alterações.
4. O sistema mantém um histórico de versões para facilitar a reversão

2.3 Recursos de segurança

• Todo conteúdo gerado é verificado quanto à segurança pelo LlamaGuard
• Os aplicativos compartilhados exibem uma caixa de diálogo de aviso de segurança
• Os usuários podem denunciar conteúdo inadequado

2.4 Funções de colaboração

• Use a função "Share" para compartilhar seus aplicativos.
• Crie uma nova versão com base em um aplicativo existente com o botão "Remix".
• Suporte para aplicativos de votação e classificação

3. funções avançadas

3.1 Entrada de voz

• Suporte à função de fala para texto
• Usando o mais recente modelo whisper-large-v3-turbo
• Converte automaticamente a fala em descrições de aplicativos

3.2 Compreensão da imagem

• Suporte para upload de esboços da interface do usuário
• O sistema entende e gera aplicativos correspondentes com base nas imagens
• Processamento usando modelos visuais avançados