Groq AppGen：使用Groq API展示Llama 3.3 70B HTML代码生成能力的实验项目

综合介绍

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

功能列表

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

使用帮助

1. 环境配置

1. 前置要求：
   • 需要有 Groq API 密钥
   • 安装 Node.js 环境
2. 安装步骤：

   # 克隆仓库
   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. 高级功能

3.1 语音输入

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

3.2 图像理解

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