Click-Path Audit
Audit comportemental d'UI pour Muse : tracez chaque bouton dans ses changements d'état pour attraper les bugs où les handlers marchent seuls mais s'annulent entre eux.
- Quoi
- Audit comportemental d'UI pour Muse : tracez chaque bouton dans ses changements d'état pour attraper les bugs où les handlers marchent seuls mais s'annulent entre eux.
- Coût
- Gratuit
- Prérequis
- Utilisez « Audit des parcours de clic » avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un audit comportemental des flux qui trouve les bugs que la lecture statique du code rate. Le débogage traditionnel vérifie si la fonction existe, si elle plante, si les types concordent. Il ne vérifie jamais si l'état final de l'UI correspond à ce que promet le libellé du bouton, si la fonction B annule silencieusement ce que la fonction A vient de faire, ou si l'état partagé a des effets de bord qui annulent l'action voulue. L'exemple déclencheur : un bouton « New Email » appelait setComposeMode(true) puis selectThread(null) ; chacun marchait isolément, mais selectThread avait un effet de bord qui remettait composeMode à false, donc le bouton ne faisait rien, et 54 autres bugs trouvés par débogage systématique l'avaient raté. La méthode : d'abord cartographier chaque action du store d'état vers ce qu'elle définit et ce qu'elle réinitialise silencieusement (la référence critique), puis auditer chaque handler de point de contact appel par appel dans l'ordre, en vérifiant six modèles : annulation séquentielle, courses async, closures périmées, transitions d'état manquantes (le bouton dit « Sauvegarder » mais rien ne sauvegarde), chemins morts conditionnels, et interférence useEffect. Chaque trouvaille reçoit une sévérité, la trace exacte avec l'appel en conflit marqué, l'état attendu versus réel, et un correctif précis. Inclut un guide de cadrage (audits appli complète, page unique, ou centrés sur un store, avec répartition d'agents parallèles recommandée) et se positionne après le débogage systématique et avant la vérification. À utiliser quand le débogage systématique n'a trouvé « aucun bug » mais que les utilisateurs signalent des boutons cassés, après modification d'un store d'état partagé, après des refactors qui touchent l'état partagé, ou avant release sur les flux critiques. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : l'audit coûte cher, cadrez-le délibérément ; les exemples penchent Zustand et React, adaptez l'étape de cartographie à votre solution d'état ; il trouve les bugs d'interaction, pas les problèmes d'API ou de style. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseLe prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Utilisez « Audit des parcours de clic » avec votre Muse. Prérequis : rien à installer. Pur guide ; ayez en tête la zone de l'appli ou le bouton suspect, plus l'accès au code des stores d'état. 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/click-path-audit/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat avec Muse et ajoutez : « Audite les parcours de clic ici : [décrivez la page ou le bouton cassé]. Cartographie d'abord les stores d'état. » 3. Demandez-lui de rapporter chaque point de contact avec sa trace appel par appel, en marquant tout appel qui annule un précédent. Astuce : quand un bouton « ne fait rien », c'est l'outil qu'il faut. Après tout changement de store, commencez centré sur le store. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. Les correctifs exigent quand même des tests ; chaque bug trouvé ici devrait avoir le sien.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.