·composable-svelte-navigation
</>

composable-svelte-navigation

jonathanbelolo/composable-svelte

Composable Svelte 的导航和动画模式。在实现模式、工作表、抽屉、警报、导航流或组件生命周期动画时使用。涵盖状态驱动导航、PresentationState、父级观察、URL 路由和 Motion One 集成。

2安装·0热度·@jonathanbelolo

安装

$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.

Composable Svelte 的导航和动画模式。在实现模式、工作表、抽屉、警报、导航流或组件生命周期动画时使用。涵盖状态驱动导航、PresentationState、父级观察、URL 路由和 Motion One 集成。 来源:jonathanbelolo/composable-svelte。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 composable-svelte-navigation?

Composable Svelte 的导航和动画模式。在实现模式、工作表、抽屉、警报、导航流或组件生命周期动画时使用。涵盖状态驱动导航、PresentationState、父级观察、URL 路由和 Motion One 集成。 来源:jonathanbelolo/composable-svelte。

如何安装 composable-svelte-navigation?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/jonathanbelolo/composable-svelte --skill composable-svelte-navigation 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

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