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.
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-pwaor a manual service worker (sw.js). - Define the
manifest.jsonfor "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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?