wechat-miniprogram/skyline-skills
7 skills4.7k installs336 starsGitHub
Install
npx skills add https://github.com/wechat-miniprogram/skyline-skillsSkills in this repo
1Skyline Workletskyline-worklet is a Claude Code skill for the WeChat Mini Program Skyline rendering engine Worklet animation system. It covers worklet functions, SharedValue shared variables, timing, spring, and decay animation types, Easing curves, composed animations, and UI/JS thread communication via runOnUI and runOnJS. The skill addresses dual-thread latency by running animation logic on the UI thread for drag, gesture-follow, and spring-bounce interactions with applyAnimatedStyle. Developers reach for skyline-worklet when building WeChat mini programs that need native-feel interactive animations instead of cross-thread JS-driven updates.714installs2Skyline Componentsskyline-components is a WeChat Mini Program skill from wechat-miniprogram/skyline-skills covering Skyline rendering engine components for production mobile interfaces. The skill documents enhanced scroll-view modes including nested scrolling, pull-to-refresh, and worklet callbacks; swiper layout types; form inputs with keyboard worklets; and Skyline-only containers like list-view and grid-view for waterfall layouts. Developers use skyline-components when building scroll lists, carousels, half-screen draggable panels, or shared-element page transitions in Mini Programs. The skill maps which components are fully supported versus Skyline-exclusive additions, helping agents avoid legacy view patterns that miss performance features. It targets WeChat Mini Program frontend engineers adopting the Skyline renderer.711installs3Skyline Overviewskyline-overview is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.694installs4Skyline Routeskyline-route is a skill from wechat-miniprogram/skyline-skills covering Skyline custom routing and page transitions in WeChat Mini Programs. It documents three capability layers: 7 preset wx:// route types for one-line common transitions, custom routeBuilder controllers for fully controlled enter/exit animations, and open-container element transitions for card-to-detail expansions. The skill also covers Router API usage, primaryAnimation and secondaryAnimation controllers, and configurable back gestures (horizontal, vertical, multi-direction). Developers use skyline-route when implementing half-screen modals, bottom sheets, scale fades, and gesture-driven page returns on Skyline.677installs5Skyline Configskyline-config is a wechat-miniprogram skyline-skills agent skill for Skyline 小程序 JSON configuration across three hierarchy levels: global `app.json` (renderer, componentFramework, rendererOptions), per-page json (navigationStyle, disableScroll), and `project.config.json` project settings. Developers use it when creating new Skyline projects, migrating WebView mini programs, configuring hybrid rendering with mixed Skyline and WebView pages, or debugging Skyline compile errors. The skill covers glass-easel component framework options and rendererOptions for style compatibility. Triggers include app.json, renderer, skyline配置, navigationStyle, disableScroll, and componentFramework keywords for WeChat mini program frontend engineers.654installs6Skyline Wxssskyline-wxss is a skill from wechat-miniprogram/skyline-skills that guides agents styling WeChat Mini Program screens for the Skyline rendering engine. It covers WXSS syntax and layout patterns that differ from legacy WebView mini programs, including flex-based structures and performance-conscious CSS choices unique to Skyline. Developers reach for skyline-wxss when building or refactoring mini program pages that must render smoothly under Skyline constraints rather than default WebView behavior. The skill helps agents choose compatible selectors, spacing, and component styling so UI work aligns with Skyline documentation and avoids patterns that trigger layout thrash or unsupported properties. It fits mobile engineers targeting WeChat distribution who need agent assistance translating design specs into Skyline-safe WXSS. Skyline adoption is common when mini programs need smoother scrolling and native-like rendering on WeChat. Agents compare WebView-era WXSS against Skyline constraints before suggesting refactors to page JSON, component wrappers, and shared style partials.622installs7Skyline Scroll Apiskyline-scroll-api is a WeChat Mini Program skill focused on Skyline rendering engine scroll control. It covers three API families: ScrollViewContext obtained via NodesRef.node() for programmatic pull-to-refresh, two-level "二楼" pages, and scrollTo positioning; DraggableSheetContext for half-screen panel scroll targets; and worklet.scrollViewContext for UI-thread scroll control inside worklet functions. Developers use it when scroll-view refresh, two-level drawers, or DraggableSheet panels must be triggered from code rather than user gestures. Trigger keywords include ScrollViewContext, DraggableSheetContext, scrollTo, triggerRefresh, triggerTwoLevel, and worklet scrollViewContext. The skill maps each API family to acquisition method, execution thread, and minimum base-library requirements for Skyline mini programs.604installs