jwynia avatar

Pwa Development

This handles the full PWA implementation cycle from manifest generation to service worker setup and offline caching strategies. It's diagnostic driven, walking you through six states from "no PWA setup" to "production ready" with specific interventions at each level. The real value is in the caching strategy advisor and the iOS quirks handling, because iOS Safari is where PWAs get weird. Works with React, Svelte, and Next.js through their respective PWA plugins. The core principle is right: offline behavior can't be bolted on after the fact, it's an architectural decision about data flow and connectivity failure modes.

skills.sh installs
447
GitHub stars
182
last updated
Aug 21, 2026

Install

$ npx -y skills add jwynia/agent-skills --skill pwa-development --agent claude-code

Installs into .claude/skills of the current project.

Files

PWA Development

Implement Progressive Web App features including service workers, caching strategies, offline support, and installation prompts for React and Svelte applications.

When to Use This Skill

Use this skill when:

  • Adding PWA capabilities to a web app
  • Implementing offline support
  • Creating service worker caching strategies
  • Debugging PWA installation issues
  • Handling iOS-specific PWA quirks

Do NOT use this skill when:

  • Building backend APIs
  • Working on requirements/design (use those skills first)
  • Need complex offline-first architecture (design first)

Core Principle

PWAs fail when offline behavior is an afterthought. A PWA is not "add service worker to existing app." It's a fundamental architectural decision about data flow, caching, and connectivity failure.

Diagnostic States

P0: No PWA Setup

Symptoms: No manifest.json, no service worker, online-only

Interventions:

  • Run scripts/manifest-generator.ts to create manifest
  • Add <link rel="manifest"> to HTML head
  • Generate minimal SW with scripts/sw-scaffolder.ts

P1: Basic Manifest Only

Symptoms: Manifest exists but SW missing, breaks offline

Sponsors

Details

Repository
github.com/jwynia/agent-skills
Categories
Frontend Development, Backend & APIs, AI & Agent Building, Debugging
First seen
Jun 3, 2026

More from jwynia/agent-skills

All 118
1inertia-rails avatarshadcn-inertiainertia-rails/skillsshadcn/ui component integration for Inertia Rails React (NOT Next.js): forms, dialogs, tables, toasts, dark mode, command palette, and more. Use when building U436skills.sh installs
2deveshpunjabi avatarmodern-frontend-designdeveshpunjabi/modern-frontend-skillHow to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — 432skills.sh installs
3bobmatnyc avatarshadcn-uibobmatnyc/claude-mpm-skillsshadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership421skills.sh installs
4tristanmanchester avataranimating-react-native-expotristanmanchester/agent-skillsBuilds performant animations and gesture-driven interactions in React Native (Expo) apps using React Native Reanimated v4 and React Native Gesture Handler (Gest421skills.sh installs
5denoland avatardeno-frontenddenoland/skillsUse when building a web frontend with Deno — running React, Vite, Astro, SvelteKit, Next.js, Nuxt or other npm frameworks under Deno, or working with Fresh, Den419skills.sh installs
6maxnorm avatarmagento-frontend-developermaxnorm/magento2-agent-skillsCreates comprehensive Magento 2 frontend solutions. Use when developing frontend features, working with layout XML, templates, JavaScript, or responsive design.406skills.sh installs