Claude Code Skill refactore les composants React en utilisant les principes de « Ne me faites pas réfléchir »

Une nouvelle compétence créée par la communauté pour Claude Code applique les principes d'utilisabilité de Steve Krug issus de Don't Make Me Think aux composants React. La compétence détecte automatiquement votre système de design (shadcn/ui, MUI, Chakra, Mantine, Ant, ou personnalisé) et utilise les primitives existantes au lieu d'en réinventer.

Ce qu'elle fait

La compétence prend un composant React et le refactorise pour l'utilisabilité en :

• Supprimant les blablas et les paragraphes d'instructions
• Rendant le CTA principal évident
• Corrigeant les états de chargement / vide / erreur sans issue
• Resserrant les libellés (ex. "Veuillez entrer votre prénom" → "Prénom")
• Améliorant la hiérarchie visuelle et la lisibilité

L'auteur l'a construite parce que Claude (et la plupart des LLMs) a tendance à générer des UI techniquement fonctionnelles mais encombrées, verbeuses et difficiles à parcourir. Cette compétence impose de couper jusqu'à ce qu'il ne reste que l'essentiel.

Installation

npx skills add gashiartim/ux-enhancer

Framework agnostique

La compétence détecte automatiquement votre système de design — shadcn/ui, MUI, Chakra, Mantine, Ant, ou personnalisé — et utilise vos composants existants plutôt que d'en créer de nouveaux.

Dépôt et retours

Le code source est disponible sur github.com/gashiartim/ux-enhancer. L'auteur accueille les retours et les PR, et se demande si la compétence se déclenche de manière fiable ou si la description a besoin d'être ajustée.