break-ui

À quoi ça sert

Essaie de casser une interface avec des données réalistes mais extrêmes : noms très longs, champs vides, zéro élément, gros nombres, emoji. Il liste ce qui plante et propose une correction pour chaque cas.

Pour qui

Pour toi qui as un écran qui a l'air parfait avec des exemples gentils et veux voir ce qu'il vaut en vrai.

Exemples de demandes

• « Mets ma carte de profil à l'épreuve avec les pires données. »
• « Que se passe-t-il si un utilisateur a un nom de 40 caractères ? »
• « Ajoute un bouton pour basculer entre données de démo et pire cas. »

Limites

• Le skill ne refait pas le design, il cherche seulement ce qui casse ; pour le goût visuel, il renvoie vers un autre skill.
• Il ajoute un interrupteur de données de démonstration dans ton interface, à retirer avant la mise en ligne.
• Il faut une interface existante (composant ou écran) à examiner.

Installer ce skill

Prérequis : Aucun

Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.

npx skills add https://github.com/emilkowalski/skills --skill break-ui -a claude-code

Il faut Node.js 22.20 ou plus récent pour la commande npx. Windows : si la création de liens échoue : ajouter --copy (non testé).

npx skills add emilkowalski/skills@c8a79627b59d72d764d6ab6f2c87c09a48169833 --skill break-ui -a claude-code

Commande vérifiée sur la documentation, pas encore essayée par Neurylio.