Groq AppGen: un proyecto experimental para demostrar las capacidades de generación de código HTML Llama 3.3 70B utilizando las APIs de Groq.

Introducción general

Groq AppGen es un innovador generador interactivo de aplicaciones web desarrollado y de código abierto por Groq. El proyecto demuestra la potencia del modelo Llama 3.3 70B para la generación de código HTML. Mediante la integración de la API Large Language Model (LLM) de Groq, los usuarios pueden generar y modificar aplicaciones web en tiempo real utilizando descripciones en lenguaje natural. Construido con Next.js 14 y TypeScript, el sistema proporciona un marco de desarrollo moderno. El proyecto no sólo admite la generación básica de aplicaciones, sino que también integra funciones avanzadas como la comprobación de la seguridad del contenido (mediante LlamaGuard), el control de versiones y el seguimiento del historial, lo que permite a los desarrolladores crear aplicaciones web de forma más segura y eficiente.

Lista de funciones

• Generación de aplicaciones en tiempo real a partir de consultas en lenguaje natural
• Comprobaciones de seguridad de contenidos con LlamaGuard
• Sistema interactivo de retroalimentación para apoyar la mejora iterativa
• Control de versiones y seguimiento del historial
• Funciones para compartir y exportar aplicaciones
• Función de voz a texto (con el modelo whisper-large-v3-turbo)
• Reconocimiento de imágenes y descripciones de dibujos de la interfaz de usuario
• Mecanismos de votación y notificación de solicitudes
• Soporte para remezclado de aplicaciones y modificaciones personalizadas

Utilizar la ayuda

1. Configuración medioambiental

1. Requisitos previos:
   • Clave API Groq necesaria
   • Instalación del entorno Node.js
2. Pasos de la instalación:

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

2. Descripción del uso de las principales funciones

2.1 Generar aplicaciones

1. Visite http://localhost:3000
2. Utilice un lenguaje natural en el cuadro de consulta para describir la aplicación que desea crear
3. Haga clic en el botón "Generar" para empezar a generar.
4. El sistema genera una aplicación web que se ajusta a la descripción en tiempo real

2.2 Modificaciones y optimización de la aplicación

1. Entrar en modo retroalimentación
2. Describa los cambios que desea
3. Pulse el botón "Aplicar edición" para aplicar los cambios.
4. El sistema mantiene un historial de versiones para facilitar la reversión.

2.3 Elementos de seguridad

• LlamaGuard comprueba la seguridad de todos los contenidos generados.
• Las aplicaciones compartidas muestran un cuadro de diálogo de advertencia de seguridad
• Los usuarios pueden denunciar contenidos inapropiados

2.4 Funciones de colaboración

• Utiliza la función "Compartir" para compartir tus aplicaciones.
• Cree una nueva versión basada en una aplicación existente con el botón "Remix".
• Soporte para votar y valorar aplicaciones

3. Funciones avanzadas

3.1 Entrada de voz

• Función de voz a texto
• Utilizando el último modelo whisper-large-v3-turbo
• Convierte automáticamente la voz en descripciones de aplicaciones

3.2 Comprensión de imágenes

• Posibilidad de cargar bocetos de interfaz de usuario
• El sistema entiende y genera las aplicaciones correspondientes a partir de las imágenes
• Tratamiento mediante modelos visuales avanzados