skills.rest
Tugoukezhang
TugoukezhangCOMMUNITY
Explore all skills by this author →
GitHub

skyline-route

Implement programmable routing between Skyline pages with wx.router.

8|1|Updated Apr 13, 2026
Search Tags:#routing#navigation#transitions#skyline#custom-route#open-container
One-click install
npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-route
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skyline-route
Source: https://github.com/Tugoukezhang/workbuddy-skills/tree/main/skills/skyline/references/route
Command: npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-route

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline's page navigation often requires bespoke routing effects; this skill enables programmable routes between Skyline pages, including custom route builders, preset transitions, gestures, and container animations.

Core Features & Use Cases

  • CustomRouteBuilder registration via wx.router.addRouteBuilder and routeOptions for dynamic parameters.
  • Access to seven preset wx:// route types for common transitions and full customization through routeBuilder.
  • Built-in support for pop gestures, container transitions (open-container), and Router API for coordinated navigation.
  • Use cases include modal experiences, card expansion transitions, semi-fullscreen dialogs, and complex inter-page choreography.

Quick Start

Register a route builder with wx.router.addRouteBuilder and navigate to another Skyline page using a routeType to enable the transition.

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 transitions in Skyline?▼

To implement custom page transitions in Skyline, register a CustomRouteBuilder via wx.router.addRouteBuilder and navigate using a specified routeType. This enables dynamic transition parameters and bespoke inter-page routing choreography.

What are the available preset route types for Skyline navigation?▼

Skyline navigation offers seven preset wx:// route types for common transitions. You can use these directly or fully customize the navigation experience through the routeBuilder API for complex modal and card-like navigations.

Does Skyline routing support open-container and pop gestures?▼

Yes, Skyline routing supports pop gestures and container transitions, including open-container animations. These features enable coordinated navigation for modal experiences, semi-fullscreen dialogs, and card expansion transitions.

Do I need specific library versions to use Skyline router primitives?▼

Yes, implementing programmable Skyline routing requires compatible library versions to function correctly. You must utilize Skyline router primitives like wx.router and related APIs to execute custom route builders and preset transitions.

When should I use a custom route builder for Skyline inter-page transitions?▼

Use a custom route builder for Skyline inter-page transitions when you need bespoke routing effects like card expansion, semi-fullscreen dialogs, or complex inter-page choreography. It allows full customization beyond the seven preset wx:// route types.

How do I pass dynamic parameters to a Skyline route?▼

You pass dynamic parameters to a Skyline route by registering a CustomRouteBuilder via wx.router.addRouteBuilder and configuring the routeOptions. This allows you to apply dynamic parameters during programmable routing between Skyline pages.

Related Skills

Explore More Software Engineering Skills→
yyds-xyyds-x

skyline-route

Configure custom routing and page transitions for Skyline pages.

Community
Advanced
mymx2mymx2
4

skyline-route

Implement custom page transitions and gesture routing in WeChat Skyline.

Community
Advanced
zinohomezinohome
1

framer-motion-animator

Generate Framer Motion animations for React web applications.

Community
Intermediate
zyx77550zyx77550

vercel-react-view-transitions

Wrap React UI in ViewTransition and control animations with startTransition and Suspense.

Community
Advanced