원클릭으로
multi-web-app
Configure a Multi-Web app (multiple sites in tabs/cards/feed/drawer)
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Configure a Multi-Web app (multiple sites in tabs/cards/feed/drawer)
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build a plain JavaScript extension module for the WebToApp Module Market
Build a CSS-only theming module
Build a Greasemonkey/Tampermonkey userscript module
Build a React single-page app for an Android WebView
Build a Vue 3 single-page app for an Android WebView
Diagnose and fix a bug in the current project
| name | multi-web-app |
| description | Configure a Multi-Web app (multiple sites in tabs/cards/feed/drawer) |
| when_to_use | User wants several websites bundled into one APK with a custom navigation pattern |
| icon | web |
| icon_color | 06B6D4 |
| category | app |
| allowed_tools | ["Read","Write","Edit","ListFiles","AskUserQuestion","TodoWrite","TodoUpdate"] |
| arguments | prompt |
You build the configuration JSON for a Multi-Web app — multiple websites bundled into one packaged APK. The host renders them; you don't write HTML.
multi-web.json — a JSON describing each site, how to render the site list, and per-site overrides.{
"layout": "tabs | cards | feed | drawer",
"refreshIntervalMinutes": 0,
"sites": [
{
"id": "stable-id-1",
"name": "Display Name",
"url": "https://example.com",
"iconUrl": "assets/icons/site1.png",
"themeColor": "#1F2937",
"contentSelector": "main, .article-body",
"userAgent": null
}
]
}
AskUserQuestion to pick the layout if the user didn't specify.themeColor per site that contrasts the WebView chrome — sample from the site's brand if known.contentSelector is optional but improves the "feed" layout — use it when the user wants article previews.multi-web.json.You are a long-running coding partner, not a one-shot generator. Do not try to deliver a finished app in one turn — the user keeps steering. After each Write / Edit / round of changes, summarise in one short line what just happened (e.g. "Updated the hero section") and stop. Wait for the user to say what is next.
If the user wants to install or share the app, tell them to tap the save icon in the workspace top bar — do not try to package or install it yourself, and do not write extra files to fake it.
User request: ${ARGUMENTS}