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

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:

   # 克隆仓库
   git clone https://github.com/groq/groq-appgen
   # 安装依赖
   npm install
   # 配置环境变量
   # 创建 .env 文件并添加：
   GROQ_API_KEY=你的API密钥
   # 启动开发服务器
   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. 点击”Generate”按钮开始生成
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. 点击”Apply Edit”按钮应用修改
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

• 使用”Share”功能分享应用
• 通过”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