ux-skill

Pourquoi je l’ai créé

Les outils de code IA peuvent construire un produit entier en une après-midi, et ils finissent tous par se ressembler. Le même dégradé violet, les trois mêmes cartes, le même hero générique, la même typographie. On repère une page générée par IA à distance.

Je conçois des interfaces dans mon métier, et je travaille avec ces outils tous les jours. Je voulais qu’ils conçoivent comme un designer, en partant de la marque et du brief, en refusant les motifs qui font machine, et en vérifiant le travail avant la mise en ligne. Je voulais aussi que l’arabe et le sens droite à gauche fassent partie du système dès le premier token, pas un correctif ajouté à la fin, parce que c’est là que la plupart des outils échouent pour les personnes pour qui je conçois.

ux-skill ne colle donc pas un modèle. Il compile un langage design adapté au brief, à partir de vraies specs de marque traitées comme des données d’entraînement, avec un linter qui rejette ce qui est bancal.

Même outil de code IA, même prompt. Avec ux-skill qui fournit les contraintes, la page cesse de paraître générique.

Les nouveautés de la version 4.0

La version 4.0, Foundations, est sortie le 2 novembre 2026. Une couleur de marque et un brief entrent, un système de design complet sort.

• Neuf fondations. Couleur, typographie, espacement, mise en page, rayon, bordure, élévation, mouvement et imagerie, chacun des primitives aux rôles sémantiques, écrits en jetons de design W3C et en CSS.
• Cinq modes pour chaque rôle. Clair et sombre, standard et contraste élevé, confortable et compact, gauche à droite et droite à gauche, mouvement complet et réduit. Un seul attribut sur la page active chacun d’eux.
• La validation WCAG. Chaque paire texte, contrôle et focus est mesurée en clair et sombre, en contraste standard et élevé. Un système qui échoue n’est pas écrit, et le message indique quoi corriger.
• L’arabe intégré. En droite à gauche, le texte bascule sur une police arabe avec sa propre échelle et sa propre hauteur de ligne, les espacements deviennent logiques et le mouvement se reflète.
• Il lit votre système existant. Importateurs pour les jetons de design, le CSS, Tailwind, les règles Markdown et les variables Figma. Il signale ce qui manque et l’ajoute à côté de vos fichiers sans réécrire un jeton.
• Des contrats pour les composants et les sections. 23 contrats de composants et 14 contrats de sections indiquent à quels jetons chaque élément se lie dans chaque état, et comment chaque section fonctionne sur mobile.
• Un analyseur qui exécute la page. Il ouvre la page dans un vrai navigateur, sur desktop et sur mobile, et vérifie ce qu’une personne remarquerait, des focus rings qui n’apparaissent pas, un hover qui répond trop tard, un mouvement qui ignore la réduction des animations.

Fonctionnement

Un cœur de raisonnement en Python avec un synthétiseur déterministe à sept axes, chaleur, contraste, densité, géométrie, formalité, mouvement et personnalité typographique. Douze manifestes structurés l’alimentent, parmi lesquels styles, palettes, paires typographiques, composants, secteurs, graphiques, préréglages de mouvement, lois UX, règles anti-patterns, stacks techniques et 160 vraies specs de marque. Mêmes entrées, même sortie, à chaque fois.

Il s’intègre à Claude Code, Cursor, Windsurf, GitHub Copilot, Gemini CLI, Codex et onze autres outils, sous forme de commandes slash, de sous-agents et d’un serveur MCP. Il fonctionne entièrement hors ligne, n’appelle jamais de LLM et ne collecte rien.

En chiffres

Version	4.0.0, Foundations, 2 novembre 2026
Outils de code IA compatibles	17
Fondations de design	9
Règles de détection des défauts	171
Spécifications de marques réelles	160
Outils MCP	25
Commandes slash	18
Contrats de composants et de sections	23 et 14
Langues du README	17
Étoiles GitHub, 9 novembre 2026	95
Licence	MIT, gratuit

État actuel

En ligne et maintenu. Installez-le avec pip install uxskill, lisez le code sur GitHub, et découvrez-le sur uxskill.laithjunaidy.com. Ce site a été construit avec lui.

Questions fréquentes

Qu’est-ce qu’ux-skill ?

ux-skill est un moteur gratuit et open source d’intelligence design pour les outils de code IA comme Claude Code, Cursor et Windsurf. Il construit des systèmes de design à partir d’une couleur de marque et d’un brief, et vérifie les pages créées par IA pour repérer les motifs qui les rendent génériques.

Qu’apporte ux-skill 4.0 ?

La version 4.0, Foundations, construit un système de design complet à partir d’une seule couleur de marque, neuf fondations, cinq modes dans chaque rôle, une porte WCAG pour le contraste, l’arabe et le sens droite à gauche intégrés, des importateurs pour les systèmes existants, ainsi que des contrats de composants et de sections.

ux-skill appelle-t-il un modèle d’IA ?

Non. Il fonctionne entièrement hors ligne avec un moteur déterministe et des données structurées, n’appelle jamais de LLM et ne collecte aucune télémétrie. Les mêmes entrées donnent toujours la même sortie.