·svelte-ui-animator
*

svelte-ui-animator

✓
ajianaz/skills-collectionGitHub: ajianaz/skills-collectionFonte: ajianaz/skills-collection

Analizza e implementa animazioni dell'interfaccia utente mirate per progetti Svelte/SvelteKit + Tailwind. Specializzato in transizioni, azioni e modelli di animazione svelti. Da utilizzare quando l'utente chiede di aggiungere animazioni, migliorare il movimento dell'interfaccia utente, animare pagine/componenti o migliorare il feedback visivo. Si attiva su "aggiunta animazioni", "animazione interfaccia utente", "motion design", "effetti al passaggio del mouse", "animazioni di scorrimento", "transizioni di pagina", "microinterazioni".

ajianaz·svelte·ui·animator
6Installazioni·0Tendenza·@ajianaz

Installazione

GitHub: ajianaz/skills-collection
$npx skills add https://github.com/ajianaz/skills-collection --skill svelte-ui-animator

Come installare svelte-ui-animator

Installa rapidamente la skill AI svelte-ui-animator 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/ajianaz/skills-collection --skill svelte-ui-animator
  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: ajianaz/skills-collection.

SKILL.md

Visualizza raw

Implement purposeful, performant animations using Svelte's built-in transitions and actions. Focus on key moments: hero intros, hover feedback, content reveals, and navigation transitions with Svelte's reactive nature.

| 1 | Hero Intro | First impression, brand personality | | 2 | Hover Interactions | Feedback, discoverability | | 3 | Content Reveal | Guide attention, reduce cognitive load | | 4 | Background Effects | Atmosphere, depth | | 5 | Navigation Transitions | Spatial awareness, continuity |

| Page load | CSS animation with animation-delay for stagger | | Scroll into view | Svelte actions with IntersectionObserver or on:viewportenter | | Hover | Tailwind hover: utilities or Svelte mouseenter/mouseleave | | Click/Tap | State-driven with Svelte reactive statements ($:) |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ajianaz/skills-collection --skill svelte-ui-animator
Fonte
ajianaz/skills-collection
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-22
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/ajianaz/skills-collection/svelte-ui-animator

Browse more skills from ajianaz/skills-collection

Risposte rapide

Che cos'è svelte-ui-animator?

Analizza e implementa animazioni dell'interfaccia utente mirate per progetti Svelte/SvelteKit + Tailwind. Specializzato in transizioni, azioni e modelli di animazione svelti. Da utilizzare quando l'utente chiede di aggiungere animazioni, migliorare il movimento dell'interfaccia utente, animare pagine/componenti o migliorare il feedback visivo. Si attiva su "aggiunta animazioni", "animazione interfaccia utente", "motion design", "effetti al passaggio del mouse", "animazioni di scorrimento", "transizioni di pagina", "microinterazioni". Fonte: ajianaz/skills-collection.

Come installo svelte-ui-animator?

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/ajianaz/skills-collection --skill svelte-ui-animator 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/ajianaz/skills-collection

Dettagli

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

Skills correlate

flutter-ui-ux
93 Installazioni
shadcn-svelte-management
8 Installazioni
database-manager
7 Installazioni
api-builder
7 Installazioni
observability-monitor
6 Installazioni
backend-dev
6 Installazioni