Delight

Tilføjer én smagfuld mikro-interaktion til en UI — ingen konfetti, ingen bounce, ingen emoji-spam.

Af educlopez · educlopez/ui-craft

Virker med opsætning ★ 7.6/10

Delight — Tilføjer én smagfuld mikro-interaktion til en UI — ingen konfetti, ingen bounce, ingen emoji-spam.

Hvad det gør

En fokuseret delight-gennemgang, der tilføjer én eller to mindeværdige mikro-interaktioner — skarpere toast-tekst, koordinerede hover-tilstande, en signaturdetalje — styret af eksplicitte forbud mod bounce-easing, konfetti og emoji-spam. Trigges når en UI fungerer, men føles generisk, eller når brugeren beder om at 'tilføje personlighed' / 'gøre det specielt'. Skrevet som et sub-skill til det overordnede ui-craft-skill, og en selvstændig installation mangler de reference-docs, det peger på.

Testrapport

Kørte en save-toast-delight-opgave: baselinen greb efter konfetti, en emoji-caps-toast og bounce-easing; den skill-guidede version forbød præcis de tre og leverede i stedet en navngivet-genstand-toast ('"Q3-rapport" gemt' vs. 'Success!'). Men 2 af 3 refererede filer (references/motion.md, ../examples/animation-storyboard.md) giver 404 på de angivne relative stier — de findes kun under søster-skillet ui-craft, som kataloggets installationslinje ikke trækker med.

Testet: 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

Kommandoer og eksempelprompter

  • /delightTilføjer én smagfuld mikro-interaktion til en UI — ingen konfetti, ingen bounce, ingen emoji-spam.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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