Intelligence complète en design UI/UX pour des interfaces soignées — couvrant les patterns d'interaction, les systèmes de design, les flux utilisateurs et l'accessibilité.
npx clawhub@latest install ui-ux-pro-maxUi Ux Pro Max est une compétence d'intelligence en design complète qui fournit à la fois une réflexion stratégique et des conseils d'implémentation pratiques pour construire des interfaces soignées et prêtes pour la production. Elle couvre la conception des interactions, les parcours utilisateurs, les patterns de composants, les systèmes de design, l'accessibilité et les micro-interactions. Que vous repensez une page de paramètres confuse, construisiez un flux d'onboarding ou établissiez une hiérarchie de boutons cohérente, cette compétence vous guide à travers des décisions fondées sur des principes et des résultats concrets.
npx clawhub@latest install ui-ux-pro-maxCliquez sur le bouton Installer en haut de cette page pour une configuration en un clic
La compétence Ui Ux Pro Max applique des principes fondamentaux — divulgation progressive, boucles de rétroaction, prévention des erreurs, reconnaissance plutôt que rappel, et cohérence — directement à votre contexte de conception spécifique. Plutôt qu'une théorie abstraite, vous obtenez des décisions concrètes adaptées à vos utilisateurs, à votre tâche et à votre plateforme.
Couvre les modèles de navigation (barre de navigation supérieure, barre latérale, barre d'onglets, fil d'Ariane, palette de commandes), les modèles de formulaires (colonne unique, assistant, édition en ligne) et les modèles d'affichage de données (tableaux, grilles de cartes, listes, tableaux de bord) avec des conseils clairs sur le moment où chacun représente le meilleur choix.
Fournit des spécifications d'implémentation précises pour les états de chargement (écrans squelettes, UI optimiste), les états vides, les transitions (durée, easing, valeurs de mouvement), ainsi que les micro-interactions telles que le retour visuel lors de l'appui sur un bouton, les animations de bascule et les états de soumission de formulaire.
Produit des définitions de composants structurées incluant les hiérarchies de variantes, les échelles de tailles et les spécifications complètes des états (par défaut, survol, actif, focus, désactivé, chargement). L'exemple du système de boutons illustre le niveau de détail : valeurs exactes en pixels, règles d'opacité et contraintes d'utilisation.
Comprend des méthodes de validation pratiques : le test des 5 secondes pour évaluer la clarté d'une page, le test du plissement des yeux pour la hiérarchie visuelle, le test de tabulation pour la navigabilité au clavier, et les tests d'états d'erreur. Ces méthodes vous aident à détecter les problèmes avant la mise en production.
Lorsqu'une page de paramètres semble écrasante ou désorganisée, cette compétence de Ui Ux Pro Max audite la structure actuelle, identifie les problèmes de regroupement et d'interaction, et recommande une mise en page avec navigation latérale comprenant une sauvegarde automatique, des indicateurs de modifications et des contrôles de réinitialisation par champ — avec des modèles de composants spécifiques inclus.
Pour une nouvelle fonctionnalité d'application ou un nouveau produit, Ui Ux Pro Max conçoit une séquence d'intégration progressive avec une action principale par étape, des indicateurs de progression visibles, des valeurs par défaut pré-remplies intelligemment, des étapes optionnelles clairement identifiées, et un objectif de durée totale — prête à être transmise aux équipes d'ingénierie.
Lorsqu'une application présente des boutons ou des appels à l'action incohérents, Ui Ux Pro Max génère un système de boutons complet : quatre variantes sémantiques (Principal, Secondaire, Fantôme, Destructif), trois niveaux de taille avec des dimensions précises, ainsi que tous les états d'interaction requis avec des spécifications visuelles détaillées.
Utilisez cette compétence avec Ui Ux Pro Max pour évaluer une interface sous l'angle de la navigation au clavier, des indicateurs de focus visibles, du contraste des couleurs, des préférences de mouvement et de la compatibilité avec les lecteurs d'écran — en traitant l'accessibilité comme une exigence fondamentale de l'UX plutôt que comme une considération secondaire.
npx clawhub@latest install ui-ux-pro-maxSe connecter pour écrire un avis
Aucun avis pour l'instant. Soyez le premier à partager votre expérience !