Setup & Installation
openclaw skills install @kjaylee/web-bundling
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install web-bundling
What This Skill Does
Bundles React/Vite applications into a single self-contained HTML file. Handles inlining of CSS, JS, images, fonts, and audio as base64 data URIs. Covers both frameworkless games and React+Vite+Parcel workflows.
A single HTML file eliminates external CDN dependencies, making it work offline and simplifying distribution to platforms like itch.io or Telegram.
When to use it
- Packaging a React game for itch.io upload
- Sharing a prototype without a hosting server
- Bundling a Telegram Mini App into one deployable file
- Creating an offline-capable HTML5 demo
- Inlining fonts and audio for a fully portable artifact
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: bundle my React+Vite game into a single HTML file
AGENT
- 1Run `npm run build` to produce the Vite dist output
- 2Run `npx parcel build dist/index.html --no-source-maps` to combine assets
- 3Run `npx html-inline dist/index.html -o bundle.html` to inline remaining assets
- 4Verify no external CDN references remain in bundle.html
- 5Check file size and confirm console errors are absent
OUTPUT
bundle.html — a single portable HTML file with all assets inlined