Delight

Ajoute une micro-interaction élégante à une UI — pas de confettis, pas de rebond, pas de spam d'emojis.

par educlopez · educlopez/ui-craft

Fonctionne avec configuration ★ 7.6/10

Delight — Ajoute une micro-interaction élégante à une UI — pas de confettis, pas de rebond, pas de spam d'emojis.

Ce que fait

Un passage de délice ciblé qui ajoute une ou deux micro-interactions mémorables — un texte de toast plus incisif, des états de survol coordonnés, un détail signature — encadré par des interdictions explicites d'easing rebondissant, de confettis, et de spam d'emojis. Se déclenche quand une UI fonctionne mais paraît générique ou que l'utilisateur demande d' « ajouter de la personnalité » / « rendre ça spécial ». Écrit comme un sous-skill du skill parent ui-craft, une installation autonome se retrouve sans les docs de référence qu'il pointe.

Rapport de test

A exécuté une tâche de délice sur un toast de sauvegarde : la base de référence s'est jetée sur les confettis, un toast en majuscules avec emoji, et un easing rebondissant ; la version guidée par le skill a interdit exactement ces trois choses et livré à la place un toast nommant l'élément (« "Rapport T3" enregistré » vs « Succès ! »). Mais 2 des 3 fichiers référencés (references/motion.md, ../examples/animation-storyboard.md) donnent une 404 aux chemins relatifs indiqués — ils n'existent que sous le skill frère ui-craft, que la ligne d'installation du catalogue ne récupère pas.

Testé le: 2026-07-13 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/educlopez/ui-craft
cd ui-craft
mkdir -p ~/.claude/skills
cp -r .agents/skills/delight ~/.claude/skills/delight

Commandes et exemples de prompts

  • /delightAjoute une micro-interaction élégante à une UI — pas de confettis, pas de rebond, pas de spam d'emojis.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • This UI works but feels generic, add one tasteful micro-interaction
  • Give this button and toast some personality without going overboard
  • Add a signature detail to make this hover state feel more memorable