Is it suitable for HarmonyOS development?

Absolutely. It contains specific configurations and best practices for Harmony JSApi and Light SDK integration within the WinJS ecosystem.

Does it support mobile-specific styling?

Yes, it guides the configuration of REM adaptation via PostCSS and WinJS settings to ensure consistent UI scaling across mobile devices.

How does this skill handle native bridge initialization?

It provides specific implementation patterns for the app.js render hook, ensuring nativeReady callbacks are executed before the UI renders to prevent bridge errors.

What routing strategies are recommended?

The skill emphasizes hash-based routing for WebView compatibility and provides methods for navigating between native containers and web pages.

WinJS Hybrid Mobile Development

Name: WinJS Hybrid Mobile Development
Author: winjs-dev

bywinjs-dev

0•

Mobile Development

Streamlines hybrid mobile application development using WinJS and Vue with specialized support for native bridges and WebView optimization.

This skill serves as a comprehensive guide for building hybrid mobile applications using the WinJS framework with Vue 3 or Vue 2.7. It excels at managing the complexities of WebView environments, providing standardized patterns for native bridge integration (GmuJSAPI and Light SDK), rendering synchronization, and container-specific navigation. Whether you are developing for HarmonyOS or building complex brokerage apps, this skill ensures best practices for REM adaptation, offline packages, and native-ready lifecycle management are followed correctly.

Key Features

010 GitHub stars

02Optimized build configurations for mobile offline packages

03Container-aware routing logic and navigateTo implementation

04WebView rendering control with native-ready lifecycle hooks

05Automated REM styling adaptation and VConsole mobile debugging

06Native bridge integration for GmuJSAPI and Harmony JSApi/Light SDK

Use Cases

01Building HarmonyOS-compatible mobile web applications with Vue

02Developing hybrid brokerage applications with deep native hardware integration

03Configuring complex WebView environments for seamless native-to-web transitions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add winjs-dev/skills winjs-hybrid

For use in Claude.ai and ChatGPT

Download Skill