UX design playbook: research, information architecture, accessibility, and iteration
Recherche utilisateur et personas, IA et navigation, patterns d'interaction, hiérarchie visuelle, accessibilité WCAG, budgets de performance, mobile-first, tests A/B et itération continue
- Quoi
- Recherche utilisateur et personas, IA et navigation, patterns d'interaction, hiérarchie visuelle, accessibilité WCAG, budgets de performance, mobile-first, tests A/B et itération continue
- Coût
- Gratuit
- Prérequis
- une interface, une app ou un site à concevoir ou réviser — le skill est un guide que l'agent suit, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de design UX de @mindrally : un manuel complet pour des interfaces intuitives, accessibles et centrées utilisateur — interviews utilisateur, personas et user journey maps validés par tests d'utilisabilité et analytics ; architecture d'information (organisation logique, labels clairs, recherche efficace, card sorting) ; design d'interaction (composants familiers, CTAs clairs, design responsive, animations réfléchies) ; design visuel (hiérarchie, palettes cohérentes, typographie stratégique, contraste WCAG 2.1 AA) ; accessibilité (HTML sémantique, textes alternatifs, navigation clavier, tests avec technologies d'assistance) ; performance (optimisation des assets, lazy loading, code splitting, Core Web Vitals) ; feedback utilisateur (indicateurs de chargement, erreurs claires, chemins de récupération) ; design mobile-first avec éléments tactiles et thumb zones ; cohérence via design systems ; stratégie de contenu et divulgation progressive ; et tests/itération (tests A/B, heatmaps, enregistrements de sessions, boucles de feedback continues). Bémols honnêtes : méthodologie seulement, pas d'outillage — l'agent a besoin d'une vraie interface à concevoir ou réviser ; principes agnostiques à la stack, pas un tutoriel Figma. Licence Apache-2.0. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : une interface, une app ou un site à concevoir ou réviser — le skill est un guide que l'agent suit, pas un logiciel à installer Installe-moi « Manuel de design UX : recherche, architecture d'information, accessibilité et itération ». Il donne à mon agent le manuel de design UX de @mindrally : recherche utilisateur et personas, architecture d'information, patterns d'interaction, hiérarchie visuelle, accessibilité WCAG, budgets de performance, règles mobile-first, design de feedback et d'erreurs, stratégie de contenu, et une boucle de tests/itération (tests A/B, heatmaps, enregistrements de sessions). Licence Apache-2.0. Dépôt : https://github.com/mindrally/skills/blob/main/ux-design/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « ux-design ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers l'interface, les écrans ou les maquettes à concevoir ou réviser ; rien d'autre — c'est une méthodologie). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
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.