skills.rest
Anglesite
AnglesiteOFFICIAL
Explore all skills by this author →
WebsiteGitHub

pwa

Converts a website to a Progressive Web App with offline caching and manifest customization using vanilla JavaScript.

2|1|Updated May 11, 2026
Search Tags:#user experience#service worker#offline support#site optimization#Progressive Web App
One-click install
npx skills add https://github.com/Anglesite/anglesite --skill pwa-anglesite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pwa
Source: https://github.com/Anglesite/anglesite/tree/main/agent-skills/pwa
Command: npx skills add https://github.com/Anglesite/anglesite --skill pwa-anglesite

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill converts your website into a Progressive Web App (PWA), enabling offline access to essential content and a seamless app-like experience for your visitors.

Core Features & Use Cases

  • Offline Access: Make key pages available offline, ensuring visitors can access critical information even without an internet connection.
  • App-Like Experience: Allow visitors to add your site to their home screen, providing a native app-like experience without app store listings.
  • Service Worker: Utilize a service worker to cache key resources, enhancing performance and reducing load times.
  • Customization: Customize the offline content, install prompt, and web app manifest to match your brand and user experience.
  • Use Case: For a local business, ensure customers can access your menu and contact information even when they're offline.

Quick Start

To enable PWA support for your site, run the pwa skill and follow the interactive prompts to customize your offline content and install prompt.

Frequently Asked Questions about pwa

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

FAQPage Schema
How do I add offline support to my Astro website?▼

Converting your Astro site into a Progressive Web App adds offline support by utilizing a service worker to cache key resources, ensuring visitors can access critical content without an internet connection.

How does a service worker enable offline access for a website?▼

A service worker enables offline access by intercepting network requests and serving cached resources directly, allowing your Progressive Web App to load key pages and assets even when the internet connection is lost.

Can I implement a Progressive Web App using vanilla JavaScript without third-party libraries?▼

Yes, you can implement a Progressive Web App using vanilla JavaScript without third-party libraries, handling the service worker registration, web app manifest, and caching strategies natively within your codebase.

Does PWA conversion work with Keystatic and Node.js environments?▼

PWA conversion works specifically within Claude Code environments using the Astro and Keystatic frameworks, requiring Node.js version 22 or higher to properly execute the service worker operations.

How do I customize the web app manifest and install prompt for my site?▼

You can customize the web app manifest and install prompt by running the interactive PWA setup, which allows you to define offline content and branding to match your specific user experience.

What are the limitations of caching site resources for offline access?▼

Caching site resources for offline access primarily limits dynamic content updates, as the service worker serves stored assets, making it best suited for static pages like menus or contact information rather than real-time data.

Related Skills

AnglesiteAnglesite
2

shopify-buy-button

Configure Shopify Buy Button embeds for a full product catalog.

Official
Intermediate
secondskysecondsky
204

progressive-web-app

Implement service workers, web manifest, and install prompts for offline-capable web apps.

Community
Advanced
dt418dt418

astro-performance

Audit and optimize Astro application performance with budgets and caching strategies.

Community
Intermediate
shelbeelyshelbeely

pwa-development

Guide Progressive Web App development with service workers and manifest configurations.

Community
Advanced