Skyline

Configure Skyline rendering for WeChat Mini Programs with worklet animations and custom routes.

8|1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Skyline
Source: https://github.com/Tugoukezhang/workbuddy-skills/tree/main/skills/skyline
Command: npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline tackles the rendering performance and capability gaps in WeChat Mini Programs by replacing WebView with a purpose-built rendering engine that enables smoother UI and advanced features.

Core Features & Use Cases

  • Fast, native-like UI rendering for complex layouts and animations using worklets and SharedValue.
  • Support for custom routes, shared-element transitions, and hybrid WebView migrations to Skyline.
  • Rich UI components and enhanced scroll APIs (ScrollViewContext, DraggableSheet, sticky headers, nested scroll) for modern UX.

Quick Start

Enable Skyline in app.json by setting renderer to skyline and begin building with Skyline components and worklet animations.

Frequently Asked Questions about Skyline

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

FAQPage Schema
How do I enable Skyline rendering in WeChat Mini Programs?

To enable Skyline rendering, set the renderer property to skyline in your app.json configuration file. This activates the dedicated rendering engine for building high-fidelity, interactive UIs with worklet animations.

What does Skyline rendering solve for WeChat Mini Programs?

Skyline rendering solves performance and capability gaps in WeChat Mini Programs by replacing WebView with a purpose-built engine. It enables native-like UI rendering for complex layouts, worklet animations, and custom routes.

Can I use worklet animations and SharedValue with the Skyline renderer?

Yes, the Skyline renderer fully supports worklet animations and SharedValue for fast, native-like UI rendering. These features allow you to build complex animations and interactive layouts without frame drops.

Does Skyline support hybrid WebView migrations across pages?

Yes, Skyline supports hybrid WebView migrations across its pages. This allows you to progressively transition specific pages to the Skyline renderer without rewriting your entire WeChat Mini Program application.

What advanced scroll APIs are available in WeChat Skyline?

WeChat Skyline provides enhanced scroll APIs including ScrollViewContext, DraggableSheet, sticky headers, and nested scroll capabilities. These APIs enable modern UX patterns for complex scrolling interactions.

Do I need specific dependencies to use custom routes in Skyline?

Yes, building custom routes and shared-element transitions with Skyline requires the Skyline renderer, glass-easel, and worklet APIs. These dependencies provide the foundational components for advanced navigation and transitions.