skills.rest
laboratoriolegalcontable-png
laboratoriolegalcontable-pngCOMMUNITY
Explore all skills by this author →
GitHub

PWA Patterns — Patrones Progressive Web App (stack-ia-creador)

Implements Progressive Web App caching and installability for web dashboards via Service Worker and manifest.json configuration.

Updated Apr 28, 2026
Search Tags:#web vitals#service worker#pwa#web app manifest#offline caching#vercel deployment
One-click install
npx skills add https://github.com/laboratoriolegalcontable-png/stack-ia-creador --skill pwa-patterns-patrones-progressive-web-app-stack-ia-creador
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: PWA Patterns — Patrones Progressive Web App (stack-ia-creador)
Source: https://github.com/laboratoriolegalcontable-png/stack-ia-creador/tree/main/.claude/skills/pwa-patterns
Command: npx skills add https://github.com/laboratoriolegalcontable-png/stack-ia-creador --skill pwa-patterns-patrones-progressive-web-app-stack-ia-creador

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement reliable Progressive Web App patterns so your web app stays fast, installable, and usable offline with predictable caching behavior.

Core Features & Use Cases

  • Service Worker caching strategies: Apply stale-while-revalidate for app assets and network-first for API calls to balance responsiveness with freshness.
  • Manifest-driven installability: Configure manifest.json fields (name, icons, display mode, shortcuts) to support “Add to Home Screen” experiences.
  • Web Vitals and UX guardrails: Set practical performance goals (LCP/CLS/INP) and recommend mobile-first, accessible structure to reduce user-facing regressions.

Use case: Build a Vanilla JS dashboard that loads quickly from cache, updates content in the background, and still works when the user loses connectivity during editing or viewing.

Quick Start

Ask the system to generate a production-ready sw.js and manifest.json setup that follows stale-while-revalidate for same-origin HTML/JS/CSS and network-first for same-origin /api/ requests.

Frequently Asked Questions about PWA Patterns — Patrones Progressive Web App (stack-ia-creador)

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

FAQPage Schema
How do I configure a service worker for offline caching in a web app?▼

Configure a service worker for offline caching by implementing a stale-while-revalidate strategy for static assets and a network-first routing approach for dynamic API calls. This ensures your web app remains responsive and functional when users lose connectivity.

What's the best way to make a web dashboard installable and offline-ready?▼

Make a web dashboard installable and offline-ready by configuring a correct web app manifest with name, icons, display mode, and shortcuts. Combine this with service worker caching to support Add to Home Screen experiences and predictable offline behavior.

Does Vercel deployment support progressive web app caching strategies?▼

Vercel deployment supports progressive web app caching strategies for same-origin static asset delivery and dynamic data fetching workflows. You can apply stale-while-revalidate for HTML, JS, and CSS files alongside network-first routing for same-origin API requests.

How do I set web vitals performance goals for a progressive web app?▼

Set web vitals performance goals for a progressive web app by targeting practical thresholds for LCP, CLS, and INP metrics. Apply mobile-first, accessible structural design to reduce user-facing performance regressions and maintain UX guardrails.

When should I use stale-while-revalidate versus network-first in a service worker?▼

Use stale-while-revalidate in a service worker for same-origin static app assets to balance responsiveness with background updates. Apply network-first routing for dynamic API calls to prioritize data freshness whenever a network connection is available.

Why does my progressive web app break when editing data offline?▼

A progressive web app breaks during offline editing if it lacks a network-first service worker strategy for API requests combined with stale-while-revalidate asset caching. Implementing these patterns ensures dynamic data fetching workflows survive connectivity loss.

Related Skills

Explore More Software Engineering Skills→
vercel-labsvercel-labs
1.5k

nuxt

Integrate emulators into Nuxt.js apps with same-origin OAuth and catch-all routes.

Official
Intermediate
baxriddin0317baxriddin0317

pwa-patterns

Configure next-pwa service workers with runtime caching and offline fallbacks for Next.js projects.

Community
Advanced
dallaydallay

core-web-vitals

Audit and optimize LCP, INP, and CLS metrics across devices.

Official
Advanced
grvpanchalgrvpanchal

server-app-shell

Cache static shell assets with a service worker for offline-first PWAs.

Community
Advanced