Does it help with PWA installability requirements?

Yes, it provides checklists and manifest configurations to ensure your app meets browser criteria for icons, HTTPS, and service worker registration.

Does it provide guidance on caching strategies?

Absolutely. It covers CacheFirst for static assets, NetworkFirst for API data, and StaleWhileRevalidate for frequently updated content.

What version of Workbox does this skill support?

This skill is optimized for Workbox 7.x, utilizing the latest patterns for service worker management and build tool integrations.

How does it handle background synchronization?

It includes patterns for using the Workbox BackgroundSyncPlugin to queue failed POST requests and retry them automatically when the user regains connectivity.

Can I use this with React and Vite?

Yes, it include specific patterns for VitePWA integration and custom React hooks designed to handle install prompts and connectivity status.

PWA Development Patterns

Name: PWA Development Patterns
Author: yonatangross

byyonatangross

•

Mobile Development

Implements production-grade Progressive Web App standards and offline-first strategies using Workbox 7.x.

This skill provides Claude with specialized knowledge to build and optimize Progressive Web Apps (PWAs) using Workbox 7.x. It includes implementation patterns for service worker lifecycles, advanced caching strategies like Stale-While-Revalidate and Network-First, and integration with modern build tools like Vite. Whether you need to handle background synchronization, manage web app manifests, or create custom React hooks for online status and install prompts, this skill ensures your application meets modern performance and installability standards.

Key Features

01React hooks for install prompts and online/offline status tracking

02Advanced caching strategies (CacheFirst, NetworkFirst, StaleWhileRevalidate)

03Background synchronization for deferred API requests

04Workbox 7.x service worker lifecycle management

05VitePWA integration and Web App Manifest configuration

0669 GitHub stars

Use Cases

01Managing complex service worker updates and cache invalidation logic

02Implementing robust offline support and asset caching for low-bandwidth environments

03Transforming an existing React or Vite web app into an installable PWA

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit pwa-patterns

For use in Claude.ai and ChatGPT

Download Skill