Delight
Voegt één smaakvolle micro-interactie toe aan een UI — geen confetti, geen bounce, geen emoji-spam.
Werkt met setup
Wat het doet
Een gerichte delight-pass die één of twee memorabele micro-interacties toevoegt — scherpere toast-copy, gecoördineerde hover-states, een handtekeningdetail — met expliciete verboden op bounce-easing, confetti, en emoji-spam. Triggert wanneer een UI werkt maar generiek aanvoelt, of wanneer de gebruiker vraagt om 'meer persoonlijkheid' / 'het speciaal te laten aanvoelen'. Is geschreven als subskill van de bovenliggende ui-craft-skill, en een standalone installatie mist de referentiedocs waarnaar wordt verwezen.
Testrapport
Draaide een delight-taak voor een save-toast: de baseline greep naar confetti, een toast in emoji-hoofdletters, en bounce-easing; de skill-gestuurde versie verbood precies die drie en leverde in plaats daarvan een toast met itemnaam ('"Q3-rapport" opgeslagen' versus 'Gelukt!'). Maar 2 van de 3 verwezen bestanden (references/motion.md, ../examples/animation-storyboard.md) geven een 404 op de opgegeven relatieve paden — ze bestaan alleen onder de naburige ui-craft-skill, die de installatieregel van de catalogus niet meetrekt.
Getest op: 2026-07-13 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/delight ~/.claude/skills/delight
Commando's en voorbeeldprompts
/delightVoegt één smaakvolle micro-interactie toe aan een UI — geen confetti, geen bounce, geen emoji-spam.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
This UI works but feels generic, add one tasteful micro-interactionGive this button and toast some personality without going overboardAdd a signature detail to make this hover state feel more memorable