·composable-svelte-navigation
</>

composable-svelte-navigation

jonathanbelolo/composable-svelte

Patrones de navegación y animación para Composable Svelte. Úselo al implementar modales, hojas, cajones, alertas, flujos de navegación o animaciones del ciclo de vida de los componentes. Cubre la navegación basada en estados, PresentationState, observación de los padres, enrutamiento de URL y la integración de Motion One.

2Instalaciones·0Tendencia·@jonathanbelolo

Instalación

$npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation

SKILL.md

This skill covers state-driven navigation patterns, PresentationState lifecycle animations, and URL routing integration.

Principle: Component lifecycle animations MUST use Motion One + PresentationState. NO CSS transitions for UI interactions.

WHY: State-driven animations are predictable, testable with TestStore, and composable with the navigation system.

Patrones de navegación y animación para Composable Svelte. Úselo al implementar modales, hojas, cajones, alertas, flujos de navegación o animaciones del ciclo de vida de los componentes. Cubre la navegación basada en estados, PresentationState, observación de los padres, enrutamiento de URL y la integración de Motion One. Fuente: jonathanbelolo/composable-svelte.

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es composable-svelte-navigation?

Patrones de navegación y animación para Composable Svelte. Úselo al implementar modales, hojas, cajones, alertas, flujos de navegación o animaciones del ciclo de vida de los componentes. Cubre la navegación basada en estados, PresentationState, observación de los padres, enrutamiento de URL y la integración de Motion One. Fuente: jonathanbelolo/composable-svelte.

¿Cómo instalo composable-svelte-navigation?

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/jonathanbelolo/composable-svelte --skill composable-svelte-navigation 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/jonathanbelolo/composable-svelte