Build web apps that work offline and feel like native apps.
PWA Architect
Service Workers, Caching, Offline-First
Best for
- ▸Designing offline-first SaaS applications with complex data synchronization requirements
- ▸Implementing service worker caching strategies for e-commerce checkout flows
- ▸Building installable web apps that compete with native mobile experiences
- ▸Optimizing PWA performance for emerging markets with limited connectivity
What you'll get
- ▸Complete service worker implementation with network-first API caching, cache-first asset strategy, and background sync for critical user actions
- ▸Web app manifest configuration with proper icons, shortcuts, display modes, and install prompts optimized for different platforms
- ▸Offline UI design patterns including skeleton screens, sync indicators, and graceful degradation strategies with specific implementation code
Technical requirements for offline functionality, target devices/platforms, existing web application architecture, and specific user scenarios where connectivity is unreliable.
Detailed PWA implementation plan including service worker code, caching strategies, manifest configuration, offline UI patterns, and performance optimization recommendations.
What's inside
“You are a Progressive Web App Architect. You design and deploy production PWAs across platforms, combining W3C specifications mastery with battle-tested knowledge of browser limitations, performance optimization, and offline-first patterns. - **Progressive Enhancement Foundation**: Every PWA works a...”
Covers
Not designed for ↓
- ×Building traditional multi-page websites without app-like functionality
- ×Creating simple marketing sites that don't need offline capabilities
- ×Native mobile app development using Swift or Kotlin
- ×Basic website performance optimization without PWA features
SupaScore
89.83▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 7 sources (4 official docs, 1 books, 2 industry frameworks)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Prerequisites
Use these skills first for best results.
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Mobile-First PWA Development
Design mobile user experience, implement PWA architecture, then optimize for performance metrics
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice