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
Conception de microinteractions v1.0.0
Utilisez cette ressource pour soigner les petits détails d'interaction d'une interface
Nouveau
- 475 téléchargements
- 231 mentions J'aime
- 175 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 microinteraction-designSans 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 analyse un bouton, un formulaire, un interrupteur ou un état de chargement selon la structure en quatre parties de Dan Saffer. Il note l'interaction sur 8 points de diagnostic et propose un correctif précis pour chaque point faible. Vous obtenez des interactions plus lisibles, plus réactives et plus cohérentes.
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 : le cadre en six axes, la notation sur 10 et le diagnostic rapide
- references/trigger-design.md et rules-and-state.md : déclencheurs, états, contraintes et cas limites
- references/feedback-patterns.md et loops-modes.md : canaux de retour, timing, boucles longues et modes
- references/signature-moments.md et case-studies.md : moments signature et études de cas détaillées
Pour qui
- Une interface qui paraît « morte » ou sans retour sur les clics
- La conception d'un formulaire, d'un état de chargement ou d'une confirmation
- Un audit rapide des détails d'interaction avant le lancement d'un produit
Pas pour qui
- Définir l'identité visuelle ou la palette d'une marque
- Coder des animations complexes sans cadre de conception
- Remplacer des tests utilisateurs réels
Étiquettes
- microinteractions
- ux
- interface
- animation
- retour visuel
À propos
Vous dites
« Audite le formulaire d'inscription de ma page et dis-moi ce qui manque en retour visuel, avec une note sur 10. »
Skill publiée par wondelai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- L'interface ou le composant à auditer et Le contexte d'usage (qui l'utilise, à quelle fréquence)
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent.
- Décrivez ou collez l'interface à auditer (code, capture ou description).
- Appliquez les correctifs proposés, ligne du diagnostic par ligne.
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,4 Ko
- references/case-studies.md19,2 Ko
- references/feedback-patterns.md16,5 Ko
- references/loops-modes.md14,1 Ko
- references/rules-and-state.md15 Ko
- references/signature-moments.md14,2 Ko
- references/trigger-design.md12,5 Ko
- SKILL.md18,3 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- wondelai
- Source
- github.com/wondelai/skills/tree/c172996495bed0fcd26896a9416b2093fd7073f0/microinteractions
- Licence
- MIT
Notice
Version modifiée de « microinteractions » (wondelai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il connaître le livre de Dan Saffer ?
Non. La skill résume le cadre et renvoie vers ses références détaillées au besoin.
Fonctionne-t-elle avec n'importe quelle interface ?
Oui, site, application ou outil interne. Elle donne des principes, pas du code propre à un framework.