Does it support push notifications?

Yes, it includes implementation patterns for subscribing to push managers and handling VAPID keys for web-based notifications.

What does the Progressive Web App skill do for Claude?

It provides Claude with specialized patterns and logic to implement PWA features like service workers, manifest files, and offline caching strategies.

Can this skill help fix service worker registration errors?

Yes, the skill includes specific guidance for troubleshooting service worker lifecycles, cache strategies, and manifest configuration issues.

Is this PWA skill compatible with frameworks like React?

Yes, the provided patterns are standards-based and can be integrated into React, Vue, Svelte, or vanilla JavaScript environments.

Progressive Web App (PWA)

Name: Progressive Web App (PWA)
Author: secondsky

bysecondsky

•

Mobile Development

Builds production-ready progressive web applications with offline capabilities, service workers, and native-like installability.

This skill empowers Claude to architect and implement Progressive Web App (PWA) features within your web projects. It provides domain-specific guidance for configuring web manifests, registering service workers for offline support, managing cache strategies, and handling native installation prompts. Whether you are building a new app from scratch or upgrading an existing site, this skill ensures your application meets modern PWA standards, including push notifications and responsive design requirements.

Key Features

01Automated Web App Manifest generation and configuration

0221 GitHub stars

03Native installation prompt management and lifecycle hooks

04Push notification setup and VAPID key integration

05Service Worker implementation with cache-first strategies

06Customized offline support and fallback page logic

Use Cases

01Transforming a standard website into an installable mobile-friendly application

02Adding native push notifications to re-engage users on desktop and mobile

03Implementing offline-first functionality for data-critical web tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills progressive-web-app

For use in Claude.ai and ChatGPT

Download Skill