Delight

Agrega una micro-interacción con buen gusto a una UI — sin confeti, sin rebote, sin spam de emojis.

Por educlopez · educlopez/ui-craft

Funciona con configuración ★ 7.6/10

Delight — Agrega una micro-interacción con buen gusto a una UI — sin confeti, sin rebote, sin spam de emojis.

Qué hace

Una pasada de delight enfocada que agrega una o dos micro-interacciones memorables — copy de toast más afilado, estados de hover coordinados, un detalle distintivo — restringida por prohibiciones explícitas de easing con rebote, confeti, y spam de emojis. Se activa cuando una UI funciona pero se siente genérica, o el usuario pide 'agregar personalidad' / 'que se sienta especial'. Está escrita como sub-skill de la skill padre ui-craft, y una instalación independiente carece de los documentos de referencia a los que apunta.

Informe de la prueba

Ejecutamos una tarea de delight sobre un toast de guardado: la base recurrió a confeti, un toast en mayúsculas con emoji, y easing con rebote; la versión guiada por la skill prohibió exactamente esas tres cosas y en su lugar entregó un toast con el nombre del elemento ('"Q3 Report" saved' vs '¡Éxito!'). Pero 2 de 3 archivos referenciados (references/motion.md, ../examples/animation-storyboard.md) dan 404 en las rutas relativas indicadas — solo existen bajo la skill hermana ui-craft, que la línea de instalación del catálogo no incluye.

Probado el: 2026-07-13 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /delightAgrega una micro-interacción con buen gusto a una UI — sin confeti, sin rebote, sin spam de emojis.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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