pwa-development

Build installable Progressive Web Apps with offline caching and service workers.

Updated Jun 19, 2026
One-click install
npx skills add https://github.com/lciacci/tessera --skill pwa-development-lciacci
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pwa-development
Source: https://github.com/lciacci/tessera/tree/main/skills/pwa-development
Command: npx skills add https://github.com/lciacci/tessera --skill pwa-development-lciacci

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps turn web applications into installable, resilient experiences that remain useful during network interruptions and perform reliably across devices.

Core Features & Use Cases

  • Progressive Web App Setup: Configure HTTPS, web app manifests, service workers, install prompts, and standalone app behavior.
  • Offline and Caching Strategies: Select and implement cache-first, network-first, stale-while-revalidate, network-only, and cache-only patterns.
  • Advanced Capabilities: Add Workbox integrations, background sync, push notifications, share targets, performance optimizations, and responsive image loading.
  • Validation and Testing: Check installability, offline behavior, service worker updates, manifest completeness, Lighthouse performance, and Core Web Vitals.
  • Use Case: For a field-service application used in unreliable connectivity, configure cached assets, an offline fallback page, queued form submissions, and background synchronization so workers can continue operating and sync data later.

Quick Start

Use the PWA development skill to make my web application installable, offline-capable, and validated with an appropriate service worker, manifest, caching strategy, and test checklist.

Frequently Asked Questions about pwa-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make a web app work offline with service workers and caching?

To make a web app installable, you need a web app manifest file, HTTPS hosting, and a registered service worker. These installability requirements allow modern browsers to prompt users to add your progressive web app to their home screen.

When should I use cache-first versus network-first caching strategies?

Use cache-first for static assets to maximize performance, and network-first for dynamic content requiring fresh data. Selecting the right caching strategy ensures your progressive web app remains responsive and up-to-date across varying network conditions.

Can I add push notifications and background sync to a progressive web app?

Yes, you can add push notifications and background sync to a progressive web app using service worker APIs. These advanced capabilities let your app receive server push messages and queue form submissions to sync data automatically when connectivity restores.

How do I validate progressive web app installability and Lighthouse performance?

Validate progressive web app installability and performance by running Lighthouse audits to check manifest completeness, service worker registration, offline behavior, and Core Web Vitals metrics. This ensures your app meets modern reliability standards.

Does Workbox work with modern web frameworks for PWA development?

Yes, Workbox integrates with modern web frameworks to simplify service worker generation and caching strategy implementation. It provides prebuilt modules that handle background sync, offline fallback pages, and runtime caching across your progressive web app.