pwa-development
Installation
Summary
Build Progressive Web Apps that work offline, install like native apps, and deliver fast, reliable experiences.
- Requires three core pillars: HTTPS (or localhost), a service worker with fetch handler, and a web app manifest with metadata and icons (192px, 512px, maskable)
- Supports five caching strategies (Cache First, Network First, Stale While Revalidate, Network Only, Cache Only) matched to resource types; Workbox simplifies implementation with precaching, expiration, and background sync
- Enables offline functionality through service worker registration, offline fallback pages, and background sync for queuing actions when disconnected
- Includes app-like features: install prompts, standalone mode detection, push notifications, and share target integration for native-like behavior
SKILL.md
PWA Development Skill
Purpose: Build Progressive Web Apps that work offline, install like native apps, and deliver fast, reliable experiences across all devices.
Core PWA Requirements
┌─────────────────────────────────────────────────────────────────┐
│ THE THREE PILLARS OF PWA │
│ ───────────────────────────────────────────────────────────── │
│ │
│ 1. HTTPS │
│ Required for service workers and security. │
│ localhost allowed for development. │
│ │
│ 2. SERVICE WORKER │
Related skills
More from alinaqi/claude-bootstrap
android-kotlin
Android Kotlin development with Coroutines, Jetpack Compose, Hilt, and MockK testing
2.0Kplaywright-testing
E2E testing with Playwright - Page Objects, cross-browser, CI/CD
1.2Kui-mobile
Mobile UI patterns - React Native, iOS/Android, touch targets
689posthog-analytics
PostHog analytics, event tracking, feature flags, dashboards
538flutter
Flutter development with Riverpod state management, Freezed, go_router, and mocktail testing
496supabase-nextjs
Next.js with Supabase and Drizzle ORM
456