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

skyline-wxss

Document Skyline WXSS supported CSS properties, values, and limitations.

8|1|Updated Apr 13, 2026
Search Tags:#layout#css#animation#gradient#transition#wxss#skyline
One-click install
npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-wxss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skyline-wxss
Source: https://github.com/Tugoukezhang/workbuddy-skills/tree/main/skills/skyline/references/wxss
Command: npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill skyline-wxss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline WXSS style support documentation clarifies which CSS properties, values, and limitations Skyline implements, reducing styling guesswork and ensuring consistent render across Skyline.

Core Features & Use Cases

  • Comprehensive property support map: lists supported CSS properties and values, including gradients, masks, transitions, and animations.
  • Guidance for using non-supported properties and workarounds.
  • Use Case: migrating web styles to Skyline while preserving visuals across components.

Quick Start

Refer to the WXSS quick reference docs under references to apply Skyline WXSS rules to your UI.

Frequently Asked Questions about skyline-wxss

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

FAQPage Schema
What WXSS properties does Skyline support for UI styling?▼

Skyline supports a defined subset of CSS properties, values, gradients, masks, transitions, and layout rules. It provides a comprehensive property support map to clarify styling compatibility and rendering behavior.

How do I migrate web styles to Skyline without breaking component visuals?▼

To migrate web styles to Skyline, reference the WXSS quick reference docs to apply Skyline rules. This maps supported CSS properties and provides workarounds for non-supported values, preserving visual consistency.

Does Skyline support CSS gradients, masks, and animations?▼

Skyline supports specific implementations of CSS gradients, masks, transitions, and animations. The documentation enumerates the precise syntaxes, multi-value limits, and max values allowed for these styling effects.

Why are my CSS transitions not working in Skyline rendering?▼

CSS transitions may fail in Skyline due to unsupported properties or syntax limitations. The Skyline WXSS documentation specifies precise rules, limitations, and workarounds for transition properties to ensure correct rendering.

Are there layout limitations or multi-value limits when using WXSS in Skyline?▼

Yes, Skyline implements specific max values, multi-value limits, and layout rule constraints. The documentation enumerates these limitations explicitly to define compatibility and guide necessary styling workarounds.

Related Skills

Explore More Software Engineering Skills→
xiaoweidotnetxiaoweidotnet
22

html-to-miniprogram-page

Convert HTML and CSS designs into WeChat Mini Program WXML and WXSS files.

Community
Advanced
yyds-xyyds-x

skyline-wxss

Identify supported and unsupported CSS properties in Skyline WXSS.

Community
Intermediate
wesweetwesweet
1

微信小程序使用小技巧

Provides tips for WeChat Mini Program development using WXML, WXSS, and JavaScript.

Community
Intermediate
mymx2mymx2
4

skyline-wxss

Validate WXSS files for Skyline compatibility and migrate legacy styles.

Community
Intermediate