PWA Builder

Download SKILL.mdGet Murage How skills work

Open source. macOS, Windows and Linux.

At a glance

What it is

Progressive Web App expertise covering service worker lifecycle, caching strategies, manifest configuration, offline patterns, push notifications, install prompts, and background sync.

A skill is a written procedure a bot loads when a job calls for it. This one is a single file, SKILL.md, and the whole file is on this page.

File: SKILL.md
Length: 456 lines1,647 words, about 8 min read
Category: Web developmentfrontend frameworks
Level: Intermediate
License: Apache-2.0

More web development skills.

The full skill.

The whole file, exactly as it downloads. Read it before you rely on it.

SKILL.md

456 lines · 1,647 words

Download

PWA Builder

Purpose

Build Progressive Web Apps that deliver native-like experiences on the web. This skill covers the full PWA stack from service worker management to offline support, push notifications, and installability.

PWA Requirements Checklist

INSTALLABILITY REQUIREMENTS:
  [x] Served over HTTPS
  [x] Web app manifest with required fields
  [x] Service worker with get event handler
  [x] Icons at required sizes (192x192, 512x512)

CORE PWA FEATURES:
  [ ] Works offline or with poor connectivity
  [ ] Fast load times (meets Core Web Vitals)
  [ ] Responsive design (works on all devices)
  [ ] App-like navigation and interactions
  [ ] Push notifications (optional)
  [ ] Background sync (optional)

Put this skill to work.

Questions.

What is the PWA Builder skill?

Progressive Web App expertise covering service worker lifecycle, caching strategies, manifest configuration, offline patterns, push notifications, install prompts, and background sync.

How much does it cost?

Nothing. It ships with Murage, which is open source. Your bots run on the AI plan you already have.

Can I change it?

Yes. Open it in Settings → Skills to read, edit or duplicate it. Skill Guard scans it again after every edit.

Give your first job to Murage.

Download the app, connect the AI you already pay for, and tell your Chief of Staff what needs doing. Plan on about ten minutes from install to a working team.

Download Murage

No account needed · Runs on the AI plan you already pay for

INSTALLABILITY REQUIREMENTS: [x] Served over HTTPS [x] Web app manifest with required fields [x] Service worker with get event handler [x] Icons at required sizes (192x192, 512x512) CORE PWA FEATURES: [ ] Works offline or with poor connectivity [ ] Fast load times (meets Core Web Vitals) [ ] Responsive design (works on all devices) [ ] App-like navigation and interactions [ ] Push notifications (optional) [ ] Background sync (optional)

PWA Builder

More web development skills.

The full skill.

PWA Builder

Purpose

PWA Requirements Checklist

Put this skill to work.

Questions.

Give your first job to Murage.

Search murage.ai

PWA Builder

More web development skills.

The full skill.

PWA Builder

Purpose

PWA Requirements Checklist

Put this skill to work.

Questions.

Give your first job to Murage.

Create a bot and use this skill.

Ask Ember to create the bot

Open the bot’s skills

Find PWA Builder and switch it on

Ask the bot for the job

About this skill.

Web App Manifest

Display Modes

Service Worker Lifecycle

Lifecycle Phases

Service Worker Registration

Service Worker Implementation

Caching Strategies

Strategy Selection

Cache First (Offline First)

Network First (Fresh First)

Stale While Revalidate

Complete Get Handler with Strategy Routing

Offline Patterns

Offline Page

Offline Data Queue

Push Notifications

Install Prompt

Background Sync

PWA Architecture Checklist

When to Use

Output Format

Example

Edge Cases