composable-svelte-navigation
✓Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations. Covers state-driven navigation, PresentationState, parent observation, URL routing, and Motion One integration.
Installation
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.
Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations. Covers state-driven navigation, PresentationState, parent observation, URL routing, and Motion One integration. Source: jonathanbelolo/composable-svelte.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is composable-svelte-navigation?
Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations. Covers state-driven navigation, PresentationState, parent observation, URL routing, and Motion One integration. Source: jonathanbelolo/composable-svelte.
How do I install composable-svelte-navigation?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jonathanbelolo/composable-svelte
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01