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 是一个创新的交互式网页应用生成器，由 Groq 公司开发并开源。该项目展示了 Llama 3.3 70B 模型在 HTML 代码生成方面的强大能力。通过集成 Groq 的大语言模型(LLM) API，用户可以使用自然语言描述来实时生成和修改网页应用。系统采用 Next.js 14 和 TypeScript 构建，提供了一个现代化的开发框架。该项目不仅支持基础的应用程序生成，还集成了内容安全检查（使用 LlamaGuard）、版本控制和历史记录跟踪等高级功能，使开发者能够更安全、更高效地创建网页应用。

Liste des fonctions

• 基于自然语言查询的实时应用程序生成
• 使用 LlamaGuard 进行内容安全检查
• 交互式反馈系统，支持迭代改进
• 版本控制和历史记录追踪功能
• 应用分享和导出功能
• 语音转文字功能（使用 whisper-large-v3-turbo 模型）
• 支持图像识别和UI绘图描述
• 应用程序投票和报告机制
• 支持应用程序重混和自定义修改

Utiliser l'aide

1. configuration de l'environnement

1. 前置要求：
   • 需要有 Groq API 密钥
   • 安装 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. 主要功能使用说明

2.1 生成应用

1. 访问 http://localhost:3000
2. 在查询框中使用自然语言描述您想要创建的应用
3. 点击"Generate"按钮开始生成
4. 系统会实时生成符合描述的网页应用

2.2 应用修改与优化

1. 进入反馈模式
2. 描述您想要的修改
3. 点击"Apply Edit"按钮应用修改
4. 系统会保持版本历史，方便回退

2.3 安全特性

• 每个生成的内容都会通过 LlamaGuard 进行安全检查
• 分享的应用会显示安全警告对话框
• 用户可以报告不当内容

2.4 协作功能

• 使用"Share"功能分享应用
• 通过"Remix"按钮基于现有应用创建新版本
• 支持对应用进行投票和评价

3. fonctions avancées

3.1 语音输入

• 支持语音转文字功能
• 使用最新的 whisper-large-v3-turbo 模型
• 自动将语音转换为应用描述

3.2 图像理解

• 支持上传UI草图
• 系统可以理解并基于图像生成对应的应用
• 使用先进的视觉模型进行处理