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

skyline-wxss

Validate WXSS files for Skyline compatibility and migrate legacy styles.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill resolves the ambiguity and frustration of migrating or developing styles for the WeChat Skyline rendering engine by providing clear, authoritative guidance on supported CSS properties, values, and engine-specific limitations.

Core Features & Use Cases

  • Compatibility Auditing: Quickly verify if specific CSS properties or values are supported in the Skyline environment.
  • Migration Support: Identify unsupported properties like float or sticky and find recommended alternatives like flex or sticky-header components.
  • Syntax Validation: Access a built-in CLI interface to check WXSS syntax directly within your development workflow.

Quick Start

Use the skyline-wxss skill to validate the current project WXSS files for compatibility issues.

Frequently Asked Questions about skyline-wxss

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

FAQPage Schema
How do I migrate legacy WebView WXSS styles to the WeChat Skyline rendering engine?▼

Migrating WebView WXSS styles to the Skyline rendering engine involves identifying unsupported CSS features like float and replacing them with modern alternatives like flex through integrated CLI checks and reference documentation.

What CSS properties are not supported in WeChat Skyline WXSS?▼

WeChat Skyline WXSS does not support certain legacy CSS properties like float; this skill identifies unsupported features and recommends modern alternatives like flex layout to ensure compatibility.

How do I validate WXSS syntax for Skyline compatibility in my development workflow?▼

You validate WXSS syntax for Skyline compatibility by using the built-in CLI interface to check your current project files directly within your development workflow, identifying rendering engine limitations.

Does the Skyline rendering engine support CSS animations and gradients?▼

The Skyline rendering engine supports animations and gradients, but requires strict adherence to specific rendering rules which you can verify through integrated reference documentation and syntax validation.

What are the layout constraints when using WXSS with the Skyline architecture?▼

Skyline architecture imposes specific layout constraints by excluding properties like float and sticky, requiring developers to use modern alternatives like flex or sticky-header components for proper rendering.

Related Skills

Explore More Software Engineering Skills→
jngong-collabjngong-collab
1

miniprogram-development

Automate development, debugging, and deployment workflows for WeChat Mini Programs.

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
didididi
3.9k

mpx-rn-style-guide

Document Mpx component styling best practices for React Native output.

Official
Intermediate