skills.rest
tsh96
tsh96COMMUNITY
Explore all skills by this author →
GitHub

pwa-development

Guide Progressive Web App development with service workers, manifests, and Workbox.

Updated Feb 14, 2026
Search Tags:#caching#offline#service worker#pwa#installable#workbox#web app manifest
One-click install
npx skills add https://github.com/tsh96/laser-tag --skill pwa-development-tsh96
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pwa-development
Source: https://github.com/tsh96/laser-tag/tree/main/.agents/skills/pwa-development
Command: npx skills add https://github.com/tsh96/laser-tag --skill pwa-development-tsh96

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of Progressive Web Apps (PWAs) that offer app-like experiences, including offline functionality, installability, and enhanced performance.

Core Features & Use Cases

  • Offline Support: Service workers cache assets and data, allowing apps to function without an internet connection.
  • Installability: Web App Manifest files enable users to install PWAs to their home screens like native apps.
  • Performance: Strategies like code splitting and optimized asset loading improve speed and responsiveness.
  • Use Case: Develop a customer-facing application that provides essential information and functionality even when the user has a poor or no internet connection, ensuring a consistent user experience.

Quick Start

Use the pwa-development skill to generate a basic service worker and manifest.json file for a Vite project.

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 using a service worker?▼

Offline web apps use service workers to cache assets and data. This Skill guides you through service worker patterns and caching strategies using Workbox to ensure your application functions without an internet connection.

How do I configure a web app manifest to make my web app installable?▼

To make a web app installable, you must configure a web app manifest file. This Skill details the required manifest configurations that enable users to install your progressive web app to their home screens like native apps.

What's the best way to implement caching strategies for progressive web apps?▼

The best way to implement caching strategies for progressive web apps is using Workbox. This Skill focuses on Workbox for efficient implementation of caching patterns, offline support, and performance optimization.

Does Workbox support background sync and push notifications for PWAs?▼

Yes, Workbox supports these features. This Skill covers essential PWA features including push notifications and background sync, detailing how to implement them alongside offline support and installability.

How do I test progressive web app performance and offline support?▼

Testing progressive web app performance involves verifying service worker caching and offline behavior. This Skill addresses performance optimization and testing methodologies specifically tailored for PWAs.

Can I use this to generate a service worker and manifest for a Vite project?▼

Yes, you can generate a basic service worker and manifest.json file for a Vite project. This Skill provides a quick start approach to scaffold these essential PWA files.

Related Skills

Explore More Software Engineering Skills→
mayervcmayervc

movie-app-setup

Automate Movie App project setup with Vite, React, and TypeScript.

Community
Intermediate
DITEKmaxDITEKmax

progressive-web-app

Register service workers and configure web app manifests for offline web apps.

Community
Intermediate
raphaelmansraphaelmans

pwa-development

Integrate service workers, caching strategies, and Workbox for offline-capable PWAs.

Community
Advanced
flavien-iaflavien-ia
34

add-pwa

Convert Next.js projects into installable Progressive Web Apps with service workers.

Community
Advanced