WebFactory — interfaz del generador de sitios web con IA usando Flask y Groq API

Herramienta · IA · Flask

WebFactory

Generador de sitios web completos con inteligencia artificial. Das una URL de referencia y WebFactory produce HTML, CSS y JavaScript funcional en segundos usando LLaMA 3 vía Groq API.

LLaMA 3
Modelo de lenguaje
Groq
Inferencia ultrarrápida
Flask
Backend Python

El origen

WebFactory nació de una pregunta práctica: ¿cuánto tiempo tarda en producirse el primer borrador de un sitio web cuando el cliente ya tiene un referente claro? La respuesta habitual era horas. La respuesta que quería explorar era minutos.

No se trata de reemplazar el proceso de diseño — se trata de comprimir la fase más mecánica: pasar de "quiero algo parecido a esto" a "aquí tienes una base sobre la que podemos trabajar". WebFactory es esa herramienta.

Cómo funciona

01
Entrada: URL de referencia El usuario proporciona la URL del sitio que quiere usar como inspiración. WebFactory hace scraping del contenido, estructura y estilos visibles.
02
Análisis con LLaMA 3 El contenido extraído se envía a LLaMA 3 vía Groq API junto con un prompt estructurado que describe el tipo de sitio, la paleta de colores detectada y los componentes principales.
03
Generación del código El modelo devuelve HTML, CSS y JavaScript funcional en una respuesta estructurada que Flask parsea y almacena en sesión.
04
Preview y descarga El sitio generado se muestra en un iframe con preview en tiempo real. El usuario puede descargarlo como archivo ZIP o copiarlo directamente.

Stack tecnológico

Python 3 Flask Groq API LLaMA 3 BeautifulSoup Requests JavaScript Jinja2

Lo interesante del problema

El mayor reto no fue la integración con Groq — esa parte es relativamente directa. El reto fue el prompting. Un modelo de lenguaje sin instrucciones específicas genera código válido pero genérico. Para que WebFactory produjera sitios que realmente se parecieran al referente, el prompt necesitó varias iteraciones hasta encontrar el nivel correcto de detalle: suficiente para guiar el modelo, no tanto para rigidizarlo.

Groq como proveedor de inferencia fue la decisión correcta para este proyecto. La velocidad de respuesta — comparada con otros proveedores — hace que la experiencia de esperar el código generado sea aceptable. Con otros APIs, la latencia rompía el flujo.

Limitaciones honestas

WebFactory genera un punto de partida, no un producto final. El código producido necesita revisión, ajustes de diseño y adaptación al contenido real del cliente. Eso es exactamente para lo que está diseñado: reducir de horas a minutos la fase de prototipado inicial, dejando el trabajo de calidad para el proceso de refinamiento.

¿Quieres integrar IA en tu sistema?

Integro modelos de lenguaje como LLaMA 3, Gemini y Groq en sistemas empresariales y herramientas de desarrollo para empresas en República Dominicana.