Ling UI Design (Ming-Image)
Skill : Une méthode réutilisable : instructions, procédures, parfois scripts ou modèles
Skill d'agent qui génère une maquette visuelle d'interface, la découpe en calques puis s'en sert pour écrire le code de l'UI et vérifier visuellement le rendu.
Une approche intéressante pour les agents de code qui produisent des interfaces fades : ils partent d'une maquette générée au lieu d'improviser. Réservé à qui sait faire tourner un agent de code et un service de modèle ; la destination des données dépend du service choisi.
La sécurité reflète la destination des données, les permissions demandées et les incidents recensés à la date de vérification. Ce n’est pas une garantie d’absence de risque : vérifiez le mode de déploiement et les connexions que vous activez.
Ce que ça fait, concrètement
Les agents de code produisent souvent des interfaces fonctionnelles mais visuellement pauvres, car ils génèrent du code sans partir d'une référence visuelle. Ling UI Design répond à ce problème en donnant à l'agent une maquette générée avant qu'il n'écrive la moindre ligne.
Concrètement, le skill s'appuie sur deux modèles open source de 6 milliards de paramètres : Ming-Image-0.1-Design génère une image de l'interface à partir d'une description textuelle, puis Ming-Image-0.1-Design-Layer décompose cette image en calques transparents indépendants. L'agent utilise ensuite ces calques comme référence pour écrire le code de l'interface, puis vérifie visuellement que le rendu correspond à la maquette.
Cet outil s'adresse aux développeurs et aux équipes techniques qui font tourner des agents de code et souhaitent obtenir des interfaces plus soignées sans dessiner manuellement une maquette. Il suppose de disposer d'un service de modèle compatible et d'un environnement Python configuré.
Il ne convient pas aux personnes qui cherchent un outil graphique clé en main ou qui n'ont pas l'habitude de configurer des pipelines d'inférence. La mise en route demande une machine avec un GPU d'au moins 80 Gio de mémoire pour faire tourner les modèles localement.
Ce que ça propose
- ·Génération d'une maquette visuelle d'interface (UI), d'infographie ou d'affiche à partir d'une description textuelle.
- ·Décomposition d'une image de design aplatie en calques transparents indépendants et éditables.
- ·Réécriture automatique d'une description courte en prompt structuré au format Figma (JSON avec coordonnées, hiérarchie, couleurs) via un VLM.
- ·Génération d'images avec canal alpha (fond transparent) en ajoutant un préfixe spécifique au prompt.
- ·Vérification visuelle du rendu du code UI par l'agent après génération, en comparant au visuel de référence.
- ·Skill complémentaire de conversion d'une image en présentation PowerPoint éditable (textes et formes simples convertis en éléments natifs).
- ·Disponibilité des modèles sur Hugging Face et ModelScope, avec démo en ligne pour chaque modèle.
En pratique
- Prix
- GratuitSkill gratuit (MIT) ; le coût dépend du service de modèle et de l'agent de code utilisés.
- Usage commercial
- Usage commercial : oui
- Disponible sur
- GitHub
- Licence
- MIT
- Interface FR
- Non
Sécurité et données
- Pastille
- Sécu : une réserve, lire la fiche
- Vos données
- Local ou cloud selon usage
- Permissions
- L'agent génère des images, écrit du code dans votre projet et lance un rendu pour le vérifier ; prompts et images partent chez le service de modèle configuré si ce n'est pas un déploiement local.
- Maintenance
- Active
Liens et dépôt vérifiés le 11 octobre 2026 · ajoutée le 29 septembre 2026
Comment installer Ling UI Design (Ming-Image)
pip install -r requirements.txt