skills.rest
mymx2
mymx2COMMUNITY
Explore all skills by this author →
GitHub

skyline-components

Provide WeChat Skyline development patterns for nested scrolling and shared element animations.

4|Updated Jun 10, 2026
Search Tags:#performance#wechat#ui-development#mini-program#worklet#skyline
One-click install
npx skills add https://github.com/mymx2/foreman --skill skyline-components-mymx2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skyline-components
Source: https://github.com/mymx2/foreman/tree/main/.qoder/skills.collected/skills/skyline-components
Command: npx skills add https://github.com/mymx2/foreman --skill skyline-components-mymx2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of developing high-performance interfaces in the WeChat Skyline rendering engine, ensuring developers correctly implement advanced features like nested scrolling, shared element transitions, and custom layout containers.

Core Features & Use Cases

  • Advanced Layouts: Provides patterns for list-view, grid-view, and sticky-section implementations.
  • Performance Optimization: Guides the use of worklets for UI-thread animations and proper scroll-view type configuration.
  • Use Case: Use this skill to implement a complex, high-performance "Tab + List" interface with nested scrolling and shared element transitions between a product gallery and a detail page.

Quick Start

Use the skyline-components skill to guide the implementation of a nested scroll view with a sticky header for a product category page.

Frequently Asked Questions about skyline-components

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

FAQPage Schema
How do I implement nested scrolling in a WeChat Skyline mini program?▼

Nested scrolling in a WeChat Skyline mini program is implemented by configuring specific scroll-view types and adhering to proper component nesting rules. This skill provides architectural patterns for complex Tab + List interfaces using nested scroll views with sticky headers.

What is the role of worklets in WeChat Skyline rendering?▼

Worklets in WeChat Skyline rendering are used to execute animations on the UI thread, ensuring high-performance visual transitions. Proper worklet usage is a critical performance constraint enforced by this skill for production-grade mini programs.

How do I create grid-view layouts using the WeChat Skyline engine?▼

Creating grid-view layouts with the WeChat Skyline engine involves utilizing advanced layout containers like list-view and grid-view components. This skill provides the necessary development patterns for configuring these custom layout containers effectively.

Can I use shared element animations for product detail transitions in Skyline?▼

Yes, shared element animations can be used for product detail transitions in Skyline. This skill provides implementation patterns for shared element transitions, specifically covering transitions between a product gallery and a detail page.

What are the limitations when configuring scroll-view types in Skyline?▼

Limitations when configuring scroll-view types in Skyline often arise from improper component nesting, which breaks performance-critical constraints. This skill outlines architectural rules to ensure correct scroll-view configuration and avoid rendering issues.

Related Skills

Explore More Software Engineering Skills→
neitui-coderneitui-coder

miniprogram-development

Develop, debug, and publish WeChat Mini Program projects.

Community
Advanced
yyds-xyyds-x

skyline-worklet

Execute worklet-based animation logic on the UI thread for interactive effects.

Community
Advanced
TugoukezhangTugoukezhang
8

Skyline

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

Community
Advanced
mymx2mymx2
4

skyline-config

Standardize Skyline rendering engine configuration in WeChat Mini Programs.

Community
Intermediate