ux-flows

ux-flows

Catalogue généré le 2026-05-11

En une phrase

Passe d'une idée floue à un plan d'interface complet : architecture d'information, écrans, parcours utilisateurs clés, états UX (loading/error/empty) et métriques de succès.

Quand l'utiliser

• Au démarrage d'un SaaS ou d'un dashboard pour structurer ce qu'on va construire
• Pour préparer un checkout, un onboarding ou un flow d'inscription
• Avant une refonte produit pour cartographier l'existant et les changements
• Sur une landing à fort enjeu de conversion qui doit guider vers une action
• Quand tu as un brief client mais zéro idée du nombre d'écrans à prévoir

Comment l'invoquer

• Slash command : /ux-flows
• Auto-invocation : ✅ Oui — pour structurer parcours UX, IA, écrans/sections

Description détaillée

Ce skill évite le piège classique du "je code direct" : foncer dans Figma ou dans React sans avoir clarifié ce que l'utilisateur vient chercher. Il commence par résumer la cible (qui), le contexte (où), l'objectif business (pourquoi) et les frictions actuelles s'il y en a.

Ensuite il identifie 3 à 5 Top Tasks — les choses concrètes pour lesquelles les utilisateurs viennent (par exemple "réserver une session", "comparer deux produits", "récupérer ma facture"). Puis il produit 2 à 3 flows clés sous forme d'étapes numérotées, en couvrant un happy path et au moins un edge case (paiement refusé, compte déjà existant, etc.). Il définit l'architecture d'information (navigation globale et locale, liste des écrans, blocs de contenu) et surtout n'oublie pas les états UX : loading, empty, error, success — qui sont 80 % du polish d'une UI mais que personne ne planifie au début.

Tu repars avec un document structuré qui couvre audience, top tasks, IA, flows numérotés, états et messages, plus une liste de risques UX avec leurs solutions. Pour Thymon : c'est le skill à utiliser dès qu'un projet dépasse "une seule page" — il transforme une discussion en plan actionnable avant de toucher au code.

Source

• Plugin : perso (standalone)
• Nom interne : ux-flows
• Fichier : /home/thymon/.claude/skills/ux-flows/SKILL.md