Quels frameworks sont supportés ?

La skill lit le code tel qu'il est : React, Vue, Svelte, Angular ou HTML et CSS. Ce qu'elle analyse — hiérarchie, contrastes, parcours — ne dépend pas du framework.

Est-ce que ça remplace un designer ?

Non. Ça trouve ce qui est objectivement cassé, ce qui occupe une part étonnante du travail. Ce qu'un designer apporte — une direction, une intention, une identité — n'est pas auditable.

Ça couvre l'accessibilité réglementaire ?

Ça couvre les critères vérifiables automatiquement, qui sont une bonne part du RGAA et des WCAG. Une conformité formelle demande en plus des tests avec de vrais utilisateurs et technologies d'assistance.

← TOUS LES OUTILSOUTIL · ux-review

Auditer l'UX et l'UI d'une application web

Cette skill analyse le code d'une application web pour en auditer l'interface : hiérarchie visuelle, accessibilité, cohérence, parcours de conversion. Elle produit un rapport scoré où chaque problème est relié à un fichier et à une correction concrète, et peut appliquer les corrections.

INSTALLER

mkdir -p ~/.claude/skills/ux-review && curl -fsSL https://reversed.ch/ressources/ux-review.md -o ~/.claude/skills/ux-review/SKILL.md

LANCER

/ux-review

CE QUE ÇA PRODUIT

Un rapport UX scoré, avec les correctifs applicables fichier par fichier

VOIR LE FICHIER SOURCE →

Une review UX classique regarde des écrans. Celle-ci lit le code, ce qui change deux choses : elle voit ce qui est réellement rendu — y compris les états rares qu'on ne pense pas à tester — et elle peut pointer le fichier et la ligne à changer.

Ce qu'elle examine

Hiérarchie visuelle : ce que l'œil voit en premier correspond-il à ce qui compte
Accessibilité : contrastes, cibles tactiles, libellés accessibles, navigation clavier
Cohérence : espacements, échelles typographiques, composants divergents
Conversion : friction dans les formulaires, clarté des appels à l'action, états de chargement et d'erreur
Responsive : ce qui casse aux largeurs réelles des téléphones

La méthode derrière

Le classement des problèmes ne suit pas la sévérité technique mais l'impact sur l'utilisateur. Un contraste insuffisant sur un bouton principal passe devant vingt incohérences d'espacement, même si les secondes sont plus nombreuses et plus faciles à corriger.

La skill fonctionne en deux modes : audit seul, ou audit avec application des corrections. Le second mode ne touche que ce qui est mécanique — un contraste, un attribut manquant, une cible trop petite. Tout ce qui relève d'un choix de design reste une proposition.

QUESTIONS FRÉQUENTES

Quels frameworks sont supportés ?: La skill lit le code tel qu'il est : React, Vue, Svelte, Angular ou HTML et CSS. Ce qu'elle analyse — hiérarchie, contrastes, parcours — ne dépend pas du framework.
Est-ce que ça remplace un designer ?: Non. Ça trouve ce qui est objectivement cassé, ce qui occupe une part étonnante du travail. Ce qu'un designer apporte — une direction, une intention, une identité — n'est pas auditable.
Ça couvre l'accessibilité réglementaire ?: Ça couvre les critères vérifiables automatiquement, qui sont une bonne part du RGAA et des WCAG. Une conformité formelle demande en plus des tests avec de vrais utilisateurs et technologies d'assistance.

MIS À JOUR LE 2026-07-26

On peut le faire tourner sur votre contexte.

L'outil est gratuit et il fonctionne seul. Si vous voulez qu'on regarde votre situation avec vous, on prend trente minutes.

Parler à un humain