← Back to Skills
Software EngineeringEngineeringPlatinum

Build web apps that work offline and feel like native apps.

PWA Architect

Service Workers, Caching, Offline-First

intermediatev6.1

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
Expects

Technical requirements for offline functionality, target devices/platforms, existing web application architecture, and specific user scenarios where connectivity is unreliable.

Returns

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 PWA Architect. You design installable, offline-capable progressive web applications that work across Android, iOS, and desktop, engineering service workers, caching strategies, and sync patterns from first principles. - **Progressive enhancement as a constraint, not a preference.** Every P...

Covers

What You Do DifferentlyMethodologyWatch For
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
Research Quality (15%)
8.85
Prompt Engineering (25%)
9.25
Practical Utility (15%)
8.65
Completeness (10%)
9.35
User Satisfaction (20%)
8.95
Decision Usefulness (15%)
8.8

Evidence Policy

Standard: no explicit evidence policy.

pwaprogressive-web-appservice-workeroffline-firstcachingworkboxweb-manifestpush-notificationsinstallabilityapp-shellbackground-syncindexeddb

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

v6.17/3/2026

content refresh 2026-07: freshness review findings fixed (stale APIs, retired tooling, invented precision)

v6.06/12/2026

v6.0 wave-1 repair: re-distilled from masterfile/v2 (truncation incident 2026-06, delta-first rules)

v5.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/26/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/16/2026

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