Dans un monde où la création d'un système de design nécessite généralement des semaines de travail méticuleux, un outil est apparu, promettant de le faire en une seule commande. SkillUI est un utilitaire CLI, écrit en TypeScript, capable de scanner un site, un dépôt ou un dossier local et d'empaqueter les couleurs, les polices, les espacements, les animations et les composants dans un système de design complet pour les agents IA.
Essentiellement, l'outil effectue une ingénierie inverse du langage visuel d'une interface grâce à une analyse statique pure, sans intelligence artificielle lors de la phase de traitement. Il extrait les jetons des CSS, de la structure DOM, et capture même les états de survol (hover) et les parcours de défilement (scroll) via sept captures d'écran à différents niveaux de défilement. En mode standard, SkillUI analyse les fichiers HTML, CSS, JavaScript, TypeScript et les configurations Tailwind, générant des fichiers structurés (DESIGN.md, CLAUDE.md, SKILL.md) et des jetons JSON. En mode ultra, si Playwright est installé, l'outil lance un vrai navigateur et capture des captures d'écran complètes des pages, les états d'interaction, les animations keyframes, y compris la détection de bibliothèques comme GSAP, Lottie et Three.js. Le résultat est un ensemble d'instructions prêtes à l'emploi que Claude ou un agent similaire peut utiliser immédiatement pour recréer une interface utilisateur similaire.
Ce n'est pas juste une commodité pour les développeurs. SkillUI redistribue l'équilibre entre le design original et sa reproduction. Auparavant, la copie de style nécessitait une analyse manuelle du code ou un long travail d'ingénierie inverse ; maintenant, le processus est devenu presque instantané et accessible à quiconque dispose de Node.js 18 ou supérieur. L'outil fonctionne entièrement localement — sans services cloud, sans clés API et sans envoi de données nulle part.
La différence est particulièrement notable dans le travail avec les agents IA. Au lieu de décrire le design avec des mots, un designer ou un développeur peut transmettre à Claude les fichiers SKILL.md et CLAUDE.md prêts à l'emploi, et le modèle recevra les jetons précis, les animations, les captures d'écran et les références visuelles sous une forme structurée. Cela accélère le prototypage, mais soulève en même temps la question : quelle est la valeur de la vision de l'auteur si le langage visuel peut être « lu » automatiquement ?
L'outil n'analyse que ce qui est disponible dans le HTML, le CSS et le DOM — il ne capturera pas les intentions cachées du designer ou les interfaces fermées par des murs JavaScript. En revanche, il extrait avec précision les fichiers statiques, les variables Tailwind, les keyframes, et détecte même les bibliothèques d'animation populaires. Cette approche exclut la fuite de données via le cloud, mais ne résout pas les questions éthiques concernant l'emprunt de solutions de design existantes.
À long terme, SkillUI pourrait accélérer la standardisation des interfaces : les modèles populaires seront reproduits plus rapidement, tandis que les modèles uniques perdront leur avantage. En même temps, il donne aux petites équipes et aux freelances accès à un niveau professionnel de précision visuelle sans budgets énormes pour les systèmes de design. Le projet évolue activement — en avril 2026, l'outil avait effectué 23 versions et atteint la version 1.3.2, distribué sous licence MIT.
L'effet principal de l'outil ne réside pas dans la vitesse de copie, mais dans la manière dont il réoriente l'attention : de la création du langage visuel à son application réfléchie et à son adaptation aux tâches spécifiques des utilisateurs. Cela transforme les systèmes de design, passant du statut d'artefacts rares et élitistes à un outil accessible à chaque équipe de développement.
