Groq AppGen : un projet expérimental pour démontrer les capacités de génération de code HTML de Llama 3.3 70B en utilisant les API de Groq.

Introduction générale

Groq AppGen est un générateur innovant d'applications web interactives développé et open source par Groq. Le projet démontre la puissance du modèle Llama 3.3 70B pour la génération de code HTML. En intégrant l'API LLM (Large Language Model) de Groq, les utilisateurs peuvent générer et modifier des applications web en temps réel en utilisant des descriptions en langage naturel. Construit avec Next.js 14 et TypeScript, le système fournit un cadre de développement moderne. Le projet prend non seulement en charge la génération d'applications de base, mais intègre également des fonctionnalités avancées telles que la vérification de la sécurité du contenu (à l'aide de LlamaGuard), le contrôle des versions et le suivi de l'historique, ce qui permet aux développeurs de créer des applications web de manière plus sûre et plus efficace.

Liste des fonctions

• Génération d'applications en temps réel sur la base de requêtes en langage naturel
• Contrôles de la sécurité du contenu avec LlamaGuard
• Système interactif de retour d'information pour soutenir l'amélioration itérative
• Fonctionnalités de contrôle des versions et de suivi de l'historique
• Fonctions de partage et d'exportation d'applications
• Fonctionnalité de synthèse vocale (en utilisant le modèle whisper-large-v3-turbo)
• Prise en charge de la reconnaissance d'images et des descriptions de dessins de l'interface utilisateur
• Mécanismes de vote et d'information sur les applications
• Prise en charge du remixage d'applications et des modifications personnalisées

Utiliser l'aide

1. configuration de l'environnement

1. Exigences préalables :
   • Clé API Groq requise
   • Installation de l'environnement Node.js
2. Étapes de l'installation :

   # 克隆仓库
   git clone https://github.com/groq/groq-appgen
   # 安装依赖
   npm install
   # 配置环境变量
   # 创建 .env 文件并添加：
   GROQ_API_KEY=你的API密钥
   # 启动开发服务器
   npm run dev
   

2. description de l'utilisation des principales fonctions

2.1 Générer des applications

1. Visitez le site http://localhost:3000
2. Utilisez un langage naturel dans la boîte de requête pour décrire l'application que vous souhaitez créer.
3. Cliquez sur le bouton "Générer" pour commencer à générer.
4. Le système génère une application web qui correspond à la description en temps réel.

2.2 Modification et optimisation de l'application

1. Entrer dans le mode de rétroaction
2. Décrivez les changements que vous souhaitez
3. Cliquez sur le bouton "Appliquer la modification" pour appliquer les changements.
4. Le système conserve un historique des versions pour faciliter le retour en arrière.

2.3 Caractéristiques de sécurité

• La sécurité de chaque contenu généré est vérifiée par LlamaGuard.
• Les applications partagées affichent une boîte de dialogue d'avertissement de sécurité
• Les utilisateurs peuvent signaler les contenus inappropriés

2.4 Fonctions de collaboration

• Utilisez la fonction "Partager" pour partager vos applications.
• Créez une nouvelle version basée sur une application existante à l'aide du bouton "Remix".
• Prise en charge des applications de vote et d'évaluation

3. fonctions avancées

3.1 Entrée vocale

• Prise en charge de la fonction de conversion de la parole en texte
• En utilisant le dernier modèle whisper-large-v3-turbo
• Conversion automatique de la parole en descriptions d'applications

3.2 Compréhension des images

• Prise en charge du téléchargement des esquisses d'interface utilisateur
• Le système comprend et génère les applications correspondantes sur la base des images.
• Traitement à l'aide de modèles visuels avancés