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
Micro-interactions d'interface utiles v1.0.0
Utilisez cette ressource pour ajouter des animations de retour d'action à une interface
Nouveau
- 567 téléchargements
- 104 mentions J'aime
- 114 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install purposeful-micro-interactionsSans 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 choisit des micro-interactions qui confirment, récompensent ou expliquent, avec des durées de 200 à 600 ms et des courbes à ressort. Il applique la règle de stabilité des boutons, déclare les transitions avec soin et respecte prefers-reduced-motion. Vous obtenez des extraits CSS et une liste de vérification.
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 : principes, modèles et code CSS
- Exemples : coche tracée, cœur qui pulse, interrupteur à ressort, accordéon
- Règle de stabilité des composants et règles de retenue
- Liste de vérification de relecture
Pour qui
- Rendre un interrupteur ou un bouton plus satisfaisant
- Animer l'écran de réussite d'un formulaire
- Relire des animations existantes trop chargées
Pas pour qui
- Créer des animations vidéo ou du motion design
- Animer de grandes scènes ou des pages entières
- Configurer une bibliothèque d'animation précise
Étiquettes
- animation
- interface
- css
- micro-interactions
- design
À propos
Vous dites
« Anime la coche de succès après l'envoi du formulaire et rends l'interrupteur plus naturel. »
Skill publiée par dembrandt sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le composant ou la page à améliorer
Comment l'utiliser
- Indiquez le composant à animer
- Laissez l'agent proposer le modèle adapté
- Vérifiez avec la liste de contrôle et le mode mouvement réduit
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md12 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- dembrandt
- Source
- github.com/dembrandt/dembrandt-skills/tree/c4ad177dea5b864f779f8c722f28cf04f760cb22/skills/micro-interactions
- Licence
- MIT
Notice
Version modifiée de « micro-interactions » (dembrandt, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il une bibliothèque ?
Non, les exemples sont en CSS pur et s'adaptent à votre pile technique.
Peut-on s'en servir sur un site existant ?
Oui, demandez à l'agent de relire vos composants avec la liste de vérification.