SKILL

progressive-web-app

Build Progressive Web Apps (PWAs) with offline support, installability, and caching strategies. Trigger whenever the user mentions PWA, service workers, web app manifests, Workbox, 'add to home screen', or wants their web app to work offline, feel native, or be installable.

Target: Target not categorized. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • Progressive Web Apps (PWAs)
  • Overview
  • When to Use This Skill
  • Deliverables Checklist
  • Step 1: Web App Manifest (manifest.json)
  • Step 2: HTML Shell (index.html)
  • Step 3: Service Worker Registration & Install Prompt (app.js)
  • Step 4: Service Worker (sw.js)

A Progressive Web App is a web application that uses modern browser capabilities to deliver a fast, reliable, and installable experience — even on unreliable networks. The three required pillars are: 1. HTTPS — Required in production for service workers to register (localhost is exempt for development). 2. Web App Manifest (manifest.json) — Makes the app installable and defines its appearance on device home screens. 3. Service Worker (sw.js) — A background script that intercepts network requests, manages caches, and enables offline functionality. Use when the user wants their web app to work offline or on unreliable networks. Use when building a mobile-first web project where users should be able to install the app to their home screen. Use when the user asks about caching strategies, service workers, or improving web app performance and resilience. Use when the user mentions Workbox, web app manifests, background sync, or push notifications for the web. Use when the user asks "can my website be installed like an app?" or "how do I make my site work offline?" — even if they don't use the word PWA. Every PWA implementation must include these files at minimum: [ ] index.html — Links

This is an excerpt. Refer to the complete source and its current requirements.

Source repository
davila7/claude-code-templates
Source file
cli-tool/components/skills/web-development/progressive-web-app/SKILL.md
Fixed revision
21be197f100a12b8d0dd9a211cc244c8179f84d3
Read the complete original documentation ↗

Requirements

  • Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.

A small first task

先阅读原作者说明,再决定是否在自己的 AI 工具中使用。

Instructions for your AI tool

Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T15:01:40.841Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.