·ui-animation
*

ui-animation

✓
lukasstrickler/ai-dev-atelierGitHub: lukasstrickler/ai-dev-atelierFonte: lukasstrickler/ai-dev-atelier

Guida un'animazione dell'interfaccia utente raffinata con facilitazioni, molle, animazioni del layout, gesti e accessibilità. Copre i modelli Tailwind e Motion. Da utilizzare quando: (1) Implementare animazioni di entrata/uscita, (2) Scegliere curve di andamento, (3) Configurare molle, (4) Animazioni di layout ed elementi condivisi, (5) Gesti di trascinamento/scorrimento, (6) Microinterazioni, (7) Garantire l'accessibilità con movimenti ridotti. Trigger: animazione, animazione, andamento, molla, transizione, movimento, layout, gesto, trascinamento, scorrimento, movimento ridotto, movimento framer.

lukasstrickler·ui·animation
24Installazioni·0Tendenza·@lukasstrickler

Installazione

GitHub: lukasstrickler/ai-dev-atelier
$npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation

Come installare ui-animation

Installa rapidamente la skill AI ui-animation nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: lukasstrickler/ai-dev-atelier.

SKILL.md

Visualizza raw

Tasteful UI animation with proper timing, accessibility, and performance.

Default: Start with Easing Decision Tree → Duration Guidelines → Implement → Add a11y → Verify

| Micro-interaction | Button press, toggle, checkbox | CSS/Tailwind | | Enter/Exit | Modal, toast, dropdown | Motion + AnimatePresence | | Layout change | Accordion, reorder, expand | Motion layout prop | | Shared element | Tab indicator, card expand | Motion layoutId | | Gesture | Drag, swipe, pull-to-refresh | Motion springs |

Guida un'animazione dell'interfaccia utente raffinata con facilitazioni, molle, animazioni del layout, gesti e accessibilità. Copre i modelli Tailwind e Motion. Da utilizzare quando: (1) Implementare animazioni di entrata/uscita, (2) Scegliere curve di andamento, (3) Configurare molle, (4) Animazioni di layout ed elementi condivisi, (5) Gesti di trascinamento/scorrimento, (6) Microinterazioni, (7) Garantire l'accessibilità con movimenti ridotti. Trigger: animazione, animazione, andamento, molla, transizione, movimento, layout, gesto, trascinamento, scorrimento, movimento ridotto, movimento framer. Fonte: lukasstrickler/ai-dev-atelier.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation
Fonte
lukasstrickler/ai-dev-atelier
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/lukasstrickler/ai-dev-atelier/ui-animation

Browse more skills from lukasstrickler/ai-dev-atelier

Risposte rapide

Che cos'è ui-animation?

Guida un'animazione dell'interfaccia utente raffinata con facilitazioni, molle, animazioni del layout, gesti e accessibilità. Copre i modelli Tailwind e Motion. Da utilizzare quando: (1) Implementare animazioni di entrata/uscita, (2) Scegliere curve di andamento, (3) Configurare molle, (4) Animazioni di layout ed elementi condivisi, (5) Gesti di trascinamento/scorrimento, (6) Microinterazioni, (7) Garantire l'accessibilità con movimenti ridotti. Trigger: animazione, animazione, andamento, molla, transizione, movimento, layout, gesto, trascinamento, scorrimento, movimento ridotto, movimento framer. Fonte: lukasstrickler/ai-dev-atelier.

Come installo ui-animation?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/lukasstrickler/ai-dev-atelier

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

use-graphite
10 Installazioni
code-quality
7 Installazioni
code-review
6 Installazioni