interaction-design
✓Concevez et implémentez des microinteractions, du motion design, des transitions et des modèles de commentaires des utilisateurs. À utiliser pour peaufiner les interactions de l'interface utilisateur, implémenter des états de chargement ou créer des expériences utilisateur agréables.
Installation
SKILL.md
Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.
| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |
Concevez et implémentez des microinteractions, du motion design, des transitions et des modèles de commentaires des utilisateurs. À utiliser pour peaufiner les interactions de l'interface utilisateur, implémenter des états de chargement ou créer des expériences utilisateur agréables. Source : wshobson/agents.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/wshobson/agents --skill interaction-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/wshobson/agents --skill interaction-design- Source
- wshobson/agents
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que interaction-design ?
Concevez et implémentez des microinteractions, du motion design, des transitions et des modèles de commentaires des utilisateurs. À utiliser pour peaufiner les interactions de l'interface utilisateur, implémenter des états de chargement ou créer des expériences utilisateur agréables. Source : wshobson/agents.
Comment installer interaction-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/wshobson/agents --skill interaction-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/wshobson/agents
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01