pwa-best-practices

Installation
SKILL.md

PWA Best Practices

This skill provides architectural guidelines and patterns for building and maintaining robust PWAs in a modern React ecosystem.

Monorepo Rollout Intent (Eridu)

Use this skill when introducing or refining PWA support in apps/erify_studios and apps/erify_creators.

  • Prefer an app-by-app rollout with one canonical migration checklist.
  • Start with erify_studios as the benchmark implementation.
  • Reuse the same PWA conventions in other FE apps unless there is a documented product constraint.
  • Keep changes incremental: infra/bootstrap first, then offline UX and advanced sync.

Recommended Rollout Phases

  1. Foundation
    • Add and configure vite-plugin-pwa in vite.config.ts.
    • Define manifest metadata (name, short_name, theme/background colors, display, icons).
    • Ensure icon assets exist (including maskable variants).
Related skills
Installs
1
GitHub Stars
1
First Seen
Mar 31, 2026