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

skyline-scroll-api

Drives Skyline scroll components with programmatic contexts for precise automation.

8|1|Updated Apr 13, 2026
Search Tags:#api#scroll#scroll-view#worklet#skyline#draggable-sheet#two-level
One-click install
npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-scroll-api
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skyline-scroll-api
Source: https://github.com/Tugoukezhang/workbuddy-skills/tree/main/skills/skyline/references/scroll-api
Command: npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-scroll-api

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline-based apps often require precise, dynamic control over scrolling across multiple components. This skill provides programmatic access to ScrollViewContext, DraggableSheetContext, and worklet.scrollViewContext to trigger refresh, manage multi-level panels, and perform precise scrolling from both UI and logic threads.

Core Features & Use Cases

  • Programmatic control of ScrollViewContext to scroll, refresh, and trigger two-level panels.
  • DraggableSheetContext scrolling to a specific size or pixel offset.
  • worklet.scrollViewContext usage to drive scrolling from the UI thread for high-performance interactions.
  • Use Case: Build a responsive skyline UI with pull-to-refresh and multi-level navigation.

Quick Start

Configure a ScrollViewContext with enhanced on your scroll-view and programmatically trigger refresh, open two-level, and scroll to a target position or element.

Frequently Asked Questions about skyline-scroll-api

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

FAQPage Schema
How do I programmatically control scroll position in a Skyline scroll-view?▼

To programmatically scroll a Skyline scroll-view, enable the enhanced property on the component and use ScrollViewContext to drive refresh, trigger two-level panels, and move to exact offsets or elements.

How does worklet.scrollViewContext work for UI thread scrolling?▼

The worklet.scrollViewContext drives scrolling directly from the UI thread, enabling high-performance dynamic interactions. It is used in Skyline-based apps to execute precise scrolling workflows without crossing thread boundaries.

What is the difference between size and pixels when scrolling a draggable sheet?▼

When scrolling a DraggableSheetContext, you can target either a specific size or a pixel offset. Size refers to the relative dimensional state of the panel, while pixels define the exact absolute offset for precise positioning.

How do I trigger a two-level pull programmatically in a Skyline app?▼

To trigger a two-level pull programmatically in a Skyline app, configure your ScrollViewContext with the enhanced property enabled. You can then call the context API to open the two-level panel dynamically.

Can I trigger pull-to-refresh dynamically from the logic thread in Skyline?▼

Yes, you can trigger pull-to-refresh dynamically from the logic thread using ScrollViewContext. Ensure the enhanced property is enabled on your scroll-view to satisfy the API integration requirements for automated refresh workflows.

Related Skills

Explore More Software Engineering Skills→
mymx2mymx2
4

skyline-scroll-api

Control scroll-view and DraggableSheet components via the Skyline API.

Community
Advanced
mymx2mymx2
4

skyline-worklet

Implement UI thread animations for Skyline Mini Programs using worklet functions and SharedValues.

Community
Advanced
mymx2mymx2
4

skyline-components

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

Community
Advanced
TugoukezhangTugoukezhang
8

Skyline

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

Community
Advanced