pwa-master

Validate manifests, generate assets, and configure service workers for PWAs and TWAs.

1|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/hdkz-dev/multi-game-engines --skill pwa-master
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pwa-master
Source: https://github.com/hdkz-dev/multi-game-engines/tree/main/.agent/skills/pwa-master
Command: npx skills add https://github.com/hdkz-dev/multi-game-engines --skill pwa-master

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers prepare and release high-quality PWA (Progressive Web App) and native-wrapper (TWA) experiences, ensuring production readiness for modern web apps.

Core Features & Use Cases

  • Manifest optimization: validate name, short_name, icons, start_url, display, and ensure maskable icons and splash screens are configured.
  • Asset generation: generate all required icons for iOS/Android, store store-ready screenshots, and ensure apple-touch-icon readiness.
  • Service Worker Strategy: review next-pwa or custom service worker settings and ensure appropriate caching strategies; verify offline fallbacks.
  • TWA / Native Wrapper Support: provide configuration files and steps for Bubblewrap / Capacitor wrappers; guidance on signing keys and build processes without committing keys.

Quick Start

Audit and configure a web app for a PWA/TWA release by validating the manifest, generating assets, and setting up the service worker.

Frequently Asked Questions about pwa-master

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

FAQPage Schema
How do I convert my web app into a PWA for production release?

To convert a web app into a PWA, you must validate the manifest, generate required icons and splash screens, and configure a service worker with appropriate caching strategies and offline fallbacks for production readiness.

What is needed to configure a valid web app manifest for mobile distribution?

A valid web app manifest requires proper name, short_name, icons, start_url, and display fields. It also needs maskable icons and splash screens configured to ensure production-ready mobile distribution.

How do I set up a TWA using Bubblewrap or Capacitor for my web app?

Setting up a TWA requires generating configuration files and build steps for Bubblewrap or Capacitor wrappers, alongside guidance on managing signing keys securely without committing them to your repository.

Does next-pwa work with custom service worker caching strategies?

Yes, next-pwa works with custom service worker settings. You can review and ensure appropriate caching strategies and verify offline fallbacks to maintain a non-disruptive user experience.

What is the best way to generate store-ready screenshots and icons for a PWA?

Generating PWA assets involves creating all required icons for iOS and Android, ensuring apple-touch-icon readiness, and producing store-ready screenshots to satisfy modern web app store submission requirements.