Does it support iOS and Safari-specific PWA features?

Yes, the skill includes the necessary apple-mobile-web-app meta tags and explains how to handle Safari's manual installation process.

Does this skill handle the HTTPS requirement for PWAs?

Yes, it provides guidance on production HTTPS requirements and explains how to use localhost for development testing where service workers are permitted.

What caching strategies are available in this skill?

It provides templates for Cache-First (best for static assets), Network-First (best for HTML), and Stale-While-Revalidate (best for dynamic API data).

Can I use this for production apps with Workbox?

Absolutely. While it provides hand-rolled service worker templates for learning, it also includes specific implementation patterns for Google's Workbox library.

Progressive Web App (PWA) Builder

Name: Progressive Web App (PWA) Builder
Author: sickn33

bysickn33

•

35,079

•

Mobile Development

Builds installable, offline-capable Progressive Web Apps using service workers and advanced caching strategies.

This skill empowers Claude to architect and implement high-performance Progressive Web Apps (PWAs) that deliver native-like experiences across mobile and desktop platforms. It provides structured guidance for creating essential PWA components including web app manifests, service worker scripts, and robust caching patterns like Cache-First, Network-First, and Stale-While-Revalidate. By automating the setup of offline fallbacks and install prompts, it ensures web applications remain reliable and resilient even under poor network conditions.

주요 기능

0135,079 GitHub stars

02Generates complete Web App Manifests with maskable icon support for Android and iOS.

03Implements advanced Service Worker logic for lifecycle management and offline reliability.

04Provides pre-configured caching strategies for static assets, HTML shells, and API data.

05Handles custom install prompts and 'Add to Home Screen' logic across different browsers.

06Includes iOS-specific meta tags and Safari optimization patterns for better mobile integration.

사용 사례

01Improving web performance and load times through proactive asset caching and background sync.

02Converting an existing website into an installable application for mobile and desktop users.

03Building offline-first web tools that remain functional without a constant internet connection.

주요 기능

0135,079 GitHub stars

02Generates complete Web App Manifests with maskable icon support for Android and iOS.

03Implements advanced Service Worker logic for lifecycle management and offline reliability.

04Provides pre-configured caching strategies for static assets, HTML shells, and API data.

05Handles custom install prompts and 'Add to Home Screen' logic across different browsers.

06Includes iOS-specific meta tags and Safari optimization patterns for better mobile integration.

사용 사례

01Improving web performance and load times through proactive asset caching and background sync.

02Converting an existing website into an installable application for mobile and desktop users.

03Building offline-first web tools that remain functional without a constant internet connection.