Pwa Development

This one gives Claude the patterns you need for building offline-first web apps, from service worker registration to caching strategies. You get concrete implementations for cache-first, network-first, and stale-while-revalidate approaches, plus working examples of background sync and push notifications. It covers the web app manifest setup, offline detection handlers, and the app shell architecture. The caching strategies section is especially useful since it shows you exactly when to use each pattern. If you're building something that needs to work when the network drops or you want that installable app experience, this gives you the core patterns without having to piece together MDN docs.

skills.sh installs: 800
GitHub stars: 302
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add mindrally/skills --skill pwa-development --agent claude-code

Installs into .claude/skills of the current project.

Files

Progressive Web App Development Guidelines

You are an expert in building Progressive Web Applications with offline-first capabilities.

Core Principles

Design for offline-first experience
Implement proper caching strategies
Ensure fast loading and smooth performance
Follow web app manifest best practices
Provide native-like experience

Web App Manifest

{
  "name": "My Progressive Web App",
  "short_name": "MyPWA",
  "description": "A description of your app",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#000000",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}