Test d'UIGEN-X-32B-0727 : un modèle local qui transforme une consigne en site web

Demander une page web à un chatbot généraliste donne souvent du code qui fonctionne sans véritable design derrière. UIGEN-X-32B-0727 est un modèle de langage entraîné spécifiquement pour écrire du code front-end. Il vient de Tesslate, repose sur Qwen 3, et planifie et raisonne sur un design avant d'écrire la moindre ligne de HTML, de CSS ou de JavaScript.

Au lieu de passer directement au code, il travaille en trois étapes :

1. Il analyse ce que vous avez demandé.
2. Il définit la structure de la page et un design system.
3. Il écrit un code propre découpé en composants.

Caractéristiques

Caractéristique	Détails
Taille du modèle	32B paramètres (réparti en plusieurs fragments, environ 61GB de VRAM en pleine précision)
Licence	Apache 2.0 (usage commercial autorisé)
Raisonnement d'abord	Planifie en plusieurs phases avant de générer du code
Frameworks d'interface	React, Next.js, Tailwind, Chakra, Material UI, Flutter, Electron et d'autres
Styles visuels	Glassmorphism, Neomorphism, Cyberpunk, Brutalism
Mobile	React Native, Expo, Flutter
Gestion d'état	Zustand, Pinia
Animation	Framer Motion, GSAP
Bibliothèques d'icônes	Lucide, Heroicons, Font Awesome et d'autres

Ce qu'il vous faut

Prérequis	Recommandé
Système	Ubuntu 20.04+ ou WSL2/macOS
GPU	48GB de VRAM minimum (par exemple une RTX A6000 ou une H100)
RAM	32GB ou plus de mémoire système
Logiciels	Python 3.10+, vLLM, Node.js, npm

L'installer

Étape 1 : installer vLLM et servir le modèle

pip install vllm

Lancez ensuite :

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

Cette commande télécharge environ 14 fragments et sert le modèle via une API compatible avec OpenAI sur localhost:8000.

Étape 2 : installer l'interface web

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

Si nécessaire, modifiez :

• vite.config.js pour les réglages de développement
• src/app.tsx pour ajouter "UAGX-32B" à la liste des modèles

Lancez ensuite :

npm run dev

L'interface est accessible à http://localhost:5173, et le modèle lui-même se trouve sur Hugging Face.

Exemples de consignes

Les résultats ci-dessous sont ceux rapportés au moment de la rédaction de cet article.

Une application de rencontres

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

Le résultat était une interface à onglets avec une palette de couleurs qu'il justifiait, des composants de profil structurés et des animations en React et Tailwind.

Un tableau de bord d'analyse SaaS

Consigne : « Create a responsive analytics dashboard using Next.js and Tailwind. Dark mode, glassmorphism cards, collapsible sidebar. »

Il a produit une mise en page responsive avec barre latérale, des emplacements pour les graphiques, des cartes avec de légers effets au survol et une configuration Tailwind correcte.

Un suivi d'habitudes en React Native

Consigne : « Create a habit tracking app in React Native using Expo with tabs: dashboard, calendar, profile. »

Le code a été généré correctement, mais l'aperçu ne s'est pas affiché, un problème connu avec les mises en page mobiles complexes dans l'interface web actuelle.

Notes

Aspect	Note (de 1 à 5)
Raisonnement sur l'interface	5,0
Structure du code	4,5
Précision des frameworks	4,5
Rendu visuel	4,0
Prise en charge du mobile	3,5
Efficacité en VRAM	3,0

Le hic : il vous faut au minimum une carte de 48GB, et environ 61GB pour le faire tourner en pleine précision : la plupart des gens ne peuvent donc pas l'utiliser chez eux. Les mises en page mobiles sont le point faible : le code peut être juste, mais l'aperçu ne l'est souvent pas.

Notre avis : pour un développeur ou un designer produit qui dispose du matériel, il supprime les premières heures fastidieuses d'un projet. Il donne le meilleur de lui-même sur le code d'interface répétitif, les tableaux de bord SaaS, les pages d'accueil marketing et les prototypes React ou Next.js, et c'est un outil pédagogique utile pour le front-end.