Toolverse
All skills
Security

web-bundling

by openclaw

Bundle web applications into single HTML files for distribution. Use when creating self-contained HTML games, artifacts, or demos that need to be shared as a single file. Covers React+Vite+Parcel bundling pattern.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Security
GitHub repo

About this skill

Bundle web applications into single HTML files for distribution. Use when creating self-contained HTML games, artifacts, or demos that need to be shared as a single file. Covers React+Vite+Parcel bundling pattern.

How to use

  1. Przygotuj projekt React z TypeScript i Vite. Uruchom npm run build, aby wygenerować folder dist/ z plikami aplikacji.

  2. Zainstaluj Parcel (jeśli jeszcze go nie masz) i spakuj wygenerowany dist/index.html w jeden plik: npx parcel build dist/index.html --no-source-maps. Parcel połączy wszystkie moduły i zasoby.

  3. Użyj narzędzia html-inline, aby osadzić pozostałe zasoby bezpośrednio w HTML: npx html-inline dist/index.html -o bundle.html. Wynik to pojedynczy plik HTML bez zależności CDN.

  4. Zoptymalizuj rozmiar: skompresuj obrazy, upewnij się, że kod jest zminifikowany, a audio (jeśli jest) osadź w base64 tylko dla małych efektów dźwiękowych.

  5. Przetestuj plik offline i na urządzeniu mobilnym (jeśli planujesz Telegram Mini App). Sprawdź konsolę przeglądarki pod kątem błędów.

  6. Wgraj gotowy bundle.html na wybraną platformę: itch.io (bezpośredni upload), Telegram Mini App (hosting + konfiguracja bota), GitHub Pages lub inne serwisy.

Related skills

feishu-docs

by openclaw

飞书文档(Docx)API技能。用于创建、读取、更新和删除飞书文档。支持Markdown/HTML内容转换、文档权限管理。

Security
1574

payload

by payloadcms

Use when working with Payload CMS projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.

Security
50171

architect-review

by sickn33

Master software architect specializing in modern architecture patterns, clean architecture, microservices, event-driven systems, and DDD. Reviews system designs and code changes for architectural integrity, scalability, and maintainability. Use PROACTIVELY for architectural

Security
2773

accessibility-compliance

by wshobson

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

Security
2173

brand-voice

by anthropics

Apply and enforce brand voice, style guide, and messaging pillars across content. Use when reviewing content for brand consistency, documenting a brand voice, adapting tone for different audiences, or checking terminology and style guide compliance.

Security
48158

1password

by openclaw

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

Security
1174