← Back to Skills
Software EngineeringEngineeringPlatinum

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

PWA Architect

Service Workers, Caching, Offline-First

advancedv5.0

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 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

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

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