·svelte-ui-animator
*

svelte-ui-animator

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

Analice e implemente animaciones de UI útiles para proyectos Svelte/SvelteKit + Tailwind. Especializado en transiciones, acciones y patrones de animación esbeltos. Úselo cuando el usuario solicite agregar animaciones, mejorar el movimiento de la interfaz de usuario, animar páginas/componentes o mejorar la retroalimentación visual. Activadores de "agregar animaciones", "animar la interfaz de usuario", "diseño de movimiento", "efectos de desplazamiento", "animaciones de desplazamiento", "transiciones de página", "microinteracciones".

ajianaz·svelte·ui·animator
6Instalaciones·0Tendencia·@ajianaz

Instalación

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

Cómo instalar svelte-ui-animator

Instala rápidamente el skill de IA svelte-ui-animator en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/ajianaz/skills-collection --skill svelte-ui-animator
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: ajianaz/skills-collection.

SKILL.md

Ver original

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 ($:) |

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/ajianaz/skills-collection --skill svelte-ui-animator
Fuente
ajianaz/skills-collection
Categoría
*Creatividad
Verificado
✓
Primera vez visto
2026-02-22
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/ajianaz/skills-collection/svelte-ui-animator

Browse more skills from ajianaz/skills-collection

Respuestas rápidas

¿Qué es svelte-ui-animator?

Analice e implemente animaciones de UI útiles para proyectos Svelte/SvelteKit + Tailwind. Especializado en transiciones, acciones y patrones de animación esbeltos. Úselo cuando el usuario solicite agregar animaciones, mejorar el movimiento de la interfaz de usuario, animar páginas/componentes o mejorar la retroalimentación visual. Activadores de "agregar animaciones", "animar la interfaz de usuario", "diseño de movimiento", "efectos de desplazamiento", "animaciones de desplazamiento", "transiciones de página", "microinteracciones". Fuente: ajianaz/skills-collection.

¿Cómo instalo svelte-ui-animator?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ajianaz/skills-collection --skill svelte-ui-animator Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/ajianaz/skills-collection

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-22

Skills Relacionados

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