skills.rest
shiaho777
shiaho777COMMUNITY
Explore all skills by this author →
Website𝕏@shiaho777GitHub

module-js

Create JavaScript extension modules with module.json and IIFE-wrapped main.js for WebToApp.

5.5k|794|Updated Nov 26, 2025
Search Tags:#javascript#extension#plugin-development#webview#webtoapp#module-market
One-click install
npx skills add https://github.com/shiaho777/web-to-app --skill module-js
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: module-js
Source: https://github.com/shiaho777/web-to-app/tree/main/app/src/main/assets/skills/module-js
Command: npx skills add https://github.com/shiaho777/web-to-app --skill module-js

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a straightforward way to add small, JavaScript-only extensions to WebToApp modules, avoiding heavier native changes.

Core Features & Use Cases

  • Lightweight, JS-only module extensions that run inside the WebView.
  • Simple manifest-driven integration with module.json and a wrapped main.js.
  • Use cases include UI enhancements, page-level utilities, and small feature augmentations.

Quick Start

Create a new JavaScript extension by implementing main.js (wrapped in an IIFE) and a module.json manifest, then register and publish it to the Module Market.

Frequently Asked Questions about module-js

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

FAQPage Schema
How do I build a JavaScript extension for WebToApp's Module Market?▼

To build a JavaScript extension for WebToApp, create a minimal module.json manifest and an IIFE-wrapped main.js file, then register and publish the package to the Module Market for integration.

What is the required file structure for a WebView JavaScript module?▼

A WebView JavaScript module requires a module.json manifest and a wrapped main.js. It optionally supports a style.css file, plus scripts, references, and assets directories for resource referencing and deterministic tasks.

Can I add CSS styles to my WebToApp JS extension module?▼

Yes, you can include CSS styles in your WebToApp JS extension by adding a style.css file and setting the hasCss flag in your module.json manifest to apply visual styling to your page-level UI features.

Does WebToApp module development support native code or is it JS-only?▼

WebToApp module development is strictly JS-only, designed to provide lightweight UI enhancements and small feature augmentations inside a WebView without requiring heavier native code changes.

Why does my main.js file need to be wrapped in an IIFE for the Module Market?▼

Your main.js file must be wrapped in an IIFE to enforce variable isolation and prevent scope pollution within the WebView, ensuring deterministic execution of your WebToApp JavaScript extension.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
Clay-HHKClay-HHK
1

architecture-design

Implements Factory and Registry patterns for new registrable components in ML projects.

Community
Intermediate
danielraffeldanielraffel
13

webview-ui

Build and validate Pulp WebView interfaces with native bridge and embedded assets.

Community
Intermediate
nopkhunnopkhun

platform-specialist

Generate configuration and code snippets for LINE Mini Apps, Expo, and Tauri integrations.

Community
Advanced