Agent skill

enabling-offline-pwa

Implements PWA features and service workers for offline access. Use to cache itineraries and critical travel info for users on the go.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/enabling-offline-pwa

SKILL.md

Offline Capabilities (PWA)

When to use this skill

  • When users need access to their "My Bookings" or "Itinerary" without a signal.
  • To improve load times via aggressive caching.

Workflow

  • Configure next-pwa or a manual service worker (sw.js).
  • Define the manifest.json for "Add to Home Screen" support.
  • Cache Appwrite API responses for routes like /my-trips.

Strategy (Service Worker)

  • Stale-While-Revalidate: Show the cached data immediately, then update it in the background.
  • Cache-First: Use for static assets (icons, fonts, localized tour descriptions).

Instructions

  • Safety: Ensure the service worker doesn't cache auth tokens or sensitive personal data indefinitely.
  • Feedback: Show an "Offline Mode" banner when the user loses connection.

Didn't find tool you were looking for?

Be as detailed as possible for better results