delight
Transformez les interfaces avec des micro-interactions agréables
Les interfaces fonctionnelles semblent souvent froides et mécaniques. Cette compétence ajoute des moments stratégiques de joie et de personnalité qui font sourire les utilisateurs tout en maintenant l'utilisabilité.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "delight". Ajouter du plaisir à un état de succès de téléchargement de fichier
Résultat attendu:
Une animation douce de mise à l'échelle (1.05x) avec une coche qui se dessine en 400ms, suivie d'une brève explosion de confettis pour le premier téléchargement de la journée. Inclure un texte encourageant : 'Votre fichier est prêt !' avec une lueur verte subtile sur l'icône du fichier.
Utilisation de "delight". Créer des messages de chargement ludiques pour un outil de gestion de projet
Résultat attendu:
Collectez le contexte sur les opérations réelles de votre produit, puis écrivez des messages spécifiques comme 'Synchronisation avec les dernières mises à jour de votre équipe...' et 'Préparation de votre aperçu de projet...' au lieu de remplissage générique comme 'Herding pixels' qui semble être de l'IA-bas de gamme.
Audit de sécurité
SûrAll static analysis findings are false positives. The file contains CSS code examples and copy writing guidance for UI design, not executable code. Backticks in the file denote markdown code blocks for CSS and text examples, not shell command execution. No cryptographic functions, system calls, or network operations are present. This is a design guideline document safe for publication.
Score de qualité
Ce que vous pouvez construire
Amélioration de Dashboard SaaS
Ajouter des animations de succès subtiles et du contenu encourageant aux workflows de synchronisation de données et de génération de rapports
Application Mobile Grand Public
Implémenter des états de chargement ludiques, des célébrations de réussite et des messages d'erreur avec personnalité
Flux de Paiement E-commerce
Réduire l'abandon de panier avec des indicateurs de progression encourageants et des moments de satisfaction lors de la complétion
Essayez ces prompts
Auditez mon flux de paiement et identifiez 3 moments spécifiques où le plaisir pourrait réduire l'abandon. Concentrez-vous sur les états de succès et les périodes de chargement.
Ma marque est professionnelle mais chaleureuse (startup fintech). Suggérez 5 micro-interactions qui semblent sophistiquées sans être froides. Incluez des exemples d'implémentation CSS.
Réécrivez ces 10 messages d'erreur pour être empathiques et utiles tout en maintenant la confiance des utilisateurs. Notre audience est les propriétaires de petites entreprises, le ton doit être chaleureux mais pas farfelu.
Exécutez le protocole complet de collecte de contexte pour mon projet. Puis créez une stratégie de plaisir complète couvrant les états de chargement, moments de succès, états vides et easter eggs. Priorisez par impact et effort d'implémentation.
Bonnes pratiques
- Garder les moments de plaisir sous 1 seconde pour éviter de bloquer le flux utilisateur
- Adapter l'intensité du plaisir au contexte (subtil pour les outils professionnels, ludique pour les applications grand public)
- Rendre le plaisir ignorables et respecter les paramètres d'accessibilité de mouvement réduit
Éviter
- Utiliser le plaisir pour cacher ou distraire de mauvaises fondamentales d'UX
- Forcer les utilisateurs à traverser des animations agréables sans options de跳过
- Contenu générique généré par l'IA comme 'Herding pixels' qui semble inauthentique