GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Sélection PalateKit
UX : états, formulaires, erreurs et parcours v1.0.0
Utilisez cette ressource pour concevoir le comportement d'une interface quand les données manquent, tardent ou échouent
Nouveau
- 378 téléchargements
- 223 mentions J'aime
- 239 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install ux-states-and-flowsSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent cartographie le parcours, remplit une matrice des états (vide, chargement, erreur, partiel) et soigne les formulaires, les textes de boutons et d'erreurs. Vous obtenez une interface qui reste claire avec de vraies données, un réseau lent ou une première utilisation.
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md traduit en français : huit étapes, matrice des états et auto-revue
- references/flow-patterns.md : accueil, recherche, assistants, annulation, paywalls
- Des tableaux prêts à appliquer pour les textes, la validation et le tactile
Pour qui
- Une interface qui paraît finie mais casse sans données
- Un formulaire d'inscription ou de commande à fiabiliser
- Des messages d'erreur et boutons à réécrire
Pas pour qui
- Choisir couleurs, polices ou style visuel
- Auditer l'accessibilité en détail
- Créer des illustrations ou des visuels
Étiquettes
- ux
- formulaires
- états-vides
- messages-erreur
- parcours
À propos
Vous dites
« Revois mon formulaire d'inscription : états vides, erreurs, textes des boutons et suppression avec annulation. »
Skill publiée par osmontero sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- L'écran, le composant ou le parcours à revoir et Le public visé et la langue de l'interface
Comment l'utiliser
- Décrivez l'écran ou le parcours à revoir
- L'agent écrit le parcours, les états et les textes manquants
- Parcourez le résultat sans données, puis avec une connexion lente
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/flow-patterns.md6,8 Ko
- SKILL.md17,6 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- osmontero
- Source
- github.com/osmontero/opencode-skills/tree/1c181c198a7d4dee146946cbf97913047fa40364/skills/designing-user-experience
- Licence
- MIT
Notice
Version modifiée de « designing-user-experience » (osmontero, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il écrire du code ?
L'agent peut modifier votre interface existante, ou seulement décrire parcours, états et textes si vous n'avez pas encore de code.
Les textes sont-ils en français ?
Les exemples de textes d'interface sont en anglais dans le fichier ; l'agent écrit les vôtres dans la langue de votre produit.