Análisis de UIGEN-X-32B-0727: un modelo local que convierte un prompt en un sitio web

Pedirle una página web a un chatbot generalista suele darte código que funciona sin ningún diseño real detrás. UIGEN-X-32B-0727 es un modelo de lenguaje entrenado específicamente para escribir código front-end. Viene de Tesslate, está construido sobre Qwen 3, y planifica y razona sobre un diseño antes de escribir nada de HTML, CSS o JavaScript.

En lugar de ir directo al código, trabaja en tres fases:

1. Analiza lo que has pedido.
2. Define la estructura de la página y un sistema de diseño.
3. Escribe código limpio dividido en componentes.

Especificaciones

Característica	Detalles
Tamaño del modelo	32B parámetros (en varios fragmentos, unos 61GB de VRAM con precisión completa)
Licencia	Apache 2.0 (se permite el uso comercial)
Primero razona	Planifica en varias fases antes de generar código
Frameworks de interfaz	React, Next.js, Tailwind, Chakra, Material UI, Flutter, Electron y otros
Estilos visuales	Glassmorphism, Neomorphism, Cyberpunk, Brutalism
Móvil	React Native, Expo, Flutter
Gestión de estado	Zustand, Pinia
Animación	Framer Motion, GSAP
Bibliotecas de iconos	Lucide, Heroicons, Font Awesome y más

Qué necesitas

Requisito	Recomendado
Sistema operativo	Ubuntu 20.04+ o WSL2/macOS
GPU	48GB de VRAM como mínimo (por ejemplo, una RTX A6000 o una H100)
RAM	32GB o más de memoria del sistema
Software	Python 3.10+, vLLM, Node.js, npm

Instalación

Paso 1: instala vLLM y sirve el modelo

pip install vllm

Después ejecuta:

python3 -m vllm.entrypoints.openai.api_server \
  --model "TestlateAI/UAGX-32B" \
  --port 8000

Esto descarga unos 14 fragmentos y sirve el modelo mediante una API compatible con OpenAI en localhost:8000.

Paso 2: instala la interfaz web

git clone https://github.com/TesslateAI/UIGEN-T2-Artifacts.git
cd UIGEN-Demo
npm install

Si hace falta, edita:

• vite.config.js para los ajustes de desarrollo
• src/app.tsx para añadir "UAGX-32B" a la lista de modelos

Después ejecuta:

npm run dev

La interfaz está en http://localhost:5173, y el modelo en sí está en Hugging Face.

Prompts de ejemplo

Los resultados de abajo son los que se recogieron cuando se escribió este artículo.

Una aplicación de citas

Prompt: "Create a modern dating app UI using React and Tailwind. Include profile cards, swipe animation, and a match list."

El resultado fue una interfaz con pestañas, una paleta de colores que el modelo explicó, componentes de perfil estructurados y animaciones en React y Tailwind.

Un panel de analítica SaaS

Prompt: "Create a responsive analytics dashboard using Next.js and Tailwind. Dark mode, glassmorphism cards, collapsible sidebar."

Produjo un diseño adaptable con barra lateral, marcadores de posición para gráficos, tarjetas con sutiles efectos al pasar el ratón y una configuración de Tailwind correcta.

Un registro de hábitos en React Native

Prompt: "Create a habit tracking app in React Native using Expo with tabs: dashboard, calendar, profile."

El código se generó correctamente, pero la vista previa no se mostró, un problema conocido con los diseños móviles complejos en la interfaz web actual.

Puntuaciones

Aspecto	Puntuación (de 1 a 5)
Razonamiento de interfaz	5,0
Estructura del código	4,5
Precisión con los frameworks	4,5
Representación visual	4,0
Soporte para móvil	3,5
Eficiencia de VRAM	3,0

La pega: necesitas una tarjeta de 48GB como mínimo, y unos 61GB para ejecutarlo con precisión completa, así que la mayoría de la gente no puede usarlo en casa. Los diseños para móvil son el punto débil: el código puede estar bien, pero la vista previa a menudo no.

Nuestra opinión: para un desarrollador o diseñador de producto que tenga el hardware, elimina las tediosas primeras horas de un proyecto. Da lo mejor de sí con el código de interfaz repetitivo, los paneles SaaS, las páginas de aterrizaje de marketing y los prototipos en React o Next.js, y es una ayuda didáctica útil para el trabajo front-end.