skyline-route

Configure custom routing and page transitions for Skyline pages.

Updated Dec 19, 2025
One-click install
npx skills add https://github.com/yyds-x/walk --skill skyline-route-yyds-x
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skyline-route
Source: https://github.com/yyds-x/walk/tree/main/.agents/skills/skyline-route
Command: npx skills add https://github.com/yyds-x/walk --skill skyline-route-yyds-x

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline 自定义路由与页面转场技能解决在连续 Skyline 页面之间实现灵活、可控的转场动画与路由切换的问题,使开发者能在同一框架内统一管理路由行为与视觉效果。

Core Features & Use Cases

  • 自定义路由(routeBuilder):通过注册自定义路由实现任意进入/推出动画。
  • 预设路由:内置 wx://7 种预设路由类型,快速实现常见转场。
  • 容器转场(open-container):实现从卡片到详情等容器级转场。
  • 页面返回手势:可配置不同的返回手势以提升 UX。
  • Router API:通过 wx.router 进行路由上下文获取与控制。
  • Use Case: 在底部弹窗、半屏弹窗、卡片展开等场景统一路由体验。

Quick Start

在 Skyline 项目中注册 skyline-route 的路由构建器并在需要的页面通过 wx.navigateTo 的 routeType 指定自定义路由以应用转场效果。

Frequently Asked Questions about skyline-route

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement custom page transition animations in Skyline?

Custom page transition animations in Skyline are implemented by registering a routeBuilder to define specific enter and exit animations, which are then applied to consecutive Skyline pages for flexible navigational control.

Does Skyline support preset routing for common page transitions?

Skyline supports preset routing by offering 7 built-in wx:// route types, allowing developers to quickly apply common transition effects without writing custom animation logic from scratch.

How do I create an open-container transition from a card to a detail page in Skyline?

To create an open-container transition in Skyline, utilize the built-in open-container route type, which handles container-level visual animations for expanding elements like cards into full detail pages.

Can I use the Router API to manage routing context across Skyline pages?

Yes, the Router API accessed via wx.router allows you to acquire and control routing context across Skyline pages, ensuring unified routing behavior alongside custom transitions and back gestures.

What do I need to set up before using custom Skyline routes and transitions?

Before using custom Skyline routes, you need to integrate wx.router, routeOptions, and routeConfig, and rely on worklets for animation implementations while meeting minimum library compatibility constraints.

Why are my Skyline custom routing animations not working properly?

Skyline custom routing animations may fail if worklets are not correctly implemented for the animations or if minimum library compatibility constraints are not met during the wx.router integration.