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-enhancerFramework 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.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
Bibliothèque de Workflows Claude : 10 Workflows IA Complets pour les Utilisateurs Non-Techniques
Un dépôt GitHub gratuit propose 10 flux de travail IA complets pour les utilisateurs de Claude sans bagage technique, incluant des systèmes pour l'étude, la recherche, l'écriture, les affaires, la création de contenu, la prise de décision, l'apprentissage, la recherche d'emploi, la productivité et la planification de vie.
Kit d'Apprentissage : Un Plugin Claude Code pour l'Intégration et l'Exploration de Bases de Code
Learning-kit est une extension gratuite pour Claude Code qui analyse les dépôts pour générer des plans d'apprentissage structurés et des tutoriels interactifs. Il aide les développeurs à comprendre les bases de code inconnues avant d'apporter des modifications, avec des modes d'application configurables et un suivi de progression.
Heartbeat-gateway : Remplacement piloté par événements pour le sondage cron dans OpenClaw
Heartbeat-gateway est un outil Python open-source qui remplace la vérification périodique basée sur cron par des événements déclenchés par webhook pour OpenClaw, réduisant les coûts d'API d'environ 86 $/mois à environ 4,50 $/mois et améliorant la latence de jusqu'à 30 minutes à moins de 2 secondes.
Extension VS Code de Claude - Le curseur d'effort de raisonnement envoie des valeurs incohérentes
Le curseur d'effort de raisonnement dans l'extension Claude pour VS Code envoie des valeurs numériques incohérentes au modèle, avec une correspondance non monotone où déplacer le curseur vers le haut peut envoyer un nombre plus faible.