pwa-development

Guide Progressive Web App development with service workers and manifest configurations.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/shelbeely/ADHD-Closet --skill pwa-development-shelbeely
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pwa-development
Source: https://github.com/shelbeely/ADHD-Closet/tree/main/.agents/skills/pwa-development
Command: npx skills add https://github.com/shelbeely/ADHD-Closet --skill pwa-development-shelbeely

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and code examples for building Progressive Web Apps (PWAs), enabling web applications to offer app-like experiences including offline functionality, installability, and push notifications.

Core Features & Use Cases

  • Offline Support: Implement service workers for caching strategies (Cache First, Network First, Stale While Revalidate) to ensure app functionality without an internet connection.
  • Installability: Configure the Web App Manifest with essential metadata and icons to allow users to install the PWA to their home screen.
  • App-Like Features: Integrate push notifications, background sync, and share targets for enhanced user engagement.
  • Use Case: Develop a customer support portal that remains accessible and functional even in areas with poor connectivity, allowing users to browse FAQs and submit tickets offline, which are then synced when a connection is re-established.

Quick Start

Use the pwa-development skill to generate a basic service worker file for offline caching.

Frequently Asked Questions about pwa-development

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

FAQPage Schema
How do I make a web app work offline using a service worker?

To make a web app work offline, use a service worker to intercept network requests and apply caching strategies like Cache First or Stale While Revalidate. This allows your progressive web app to load assets directly from the local cache without an internet connection.

What is a web app manifest and how does it enable PWA installability?

A web app manifest is a JSON file providing essential metadata like name, icons, and display preferences for progressive web apps. It enables installability by allowing users to add the application directly to their home screen with an app-like launch experience.

How do I configure background sync for offline web app submissions?

Background sync is configured within a progressive web app's service worker to defer actions until the user has a stable connection. It queues failed network requests, such as submitted support tickets, and automatically syncs them when connectivity is re-established.

Can I integrate Workbox with my existing web development framework for caching?

Yes, you can integrate Workbox with your existing web development framework to generate service workers and manage caching. Workbox provides framework integrations and production-ready recipes for handling offline support and asset caching efficiently.

What is the best caching strategy for a progressive web app serving dynamic content?

For progressive web apps serving dynamic content, the Network First or Stale While Revalidate caching strategy is best. These service worker patterns attempt to fetch fresh data from the network while falling back to the cache for immediate responses during poor connectivity.