Agent skill
pwa
PWA - native app parity, offline-first, engagement. Use when building installable web apps.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/pwa
SKILL.md
PWA Guideline
Tech Stack
- Framework: Next.js (with Turbopack)
- Service Worker: Serwist (Next.js integration)
- Platform: Vercel
Non-Negotiables
- Service worker must not cache personalized/sensitive/authorized content
- Cache invalidation on deploy must be correct (no stale content)
- Offline experience must be functional, not just a fallback page
- Installation prompt must be contextual (after value demonstrated)
- Complete manifest.webmanifest with all required fields
- All required icons present (favicon, apple-touch-icon, PWA icons, maskable)
Context
PWA goal: users forget they're in a browser. The gap between "website" and "app" is measured in micro-interactions — haptics, gestures, offline resilience, and engagement hooks.
A bad PWA is worse than no PWA. But a great PWA can match 90% of native with 10% of the effort.
Driving Questions
- What breaks when the user goes offline mid-action?
- What would make users install this instead of bookmarking?
- Which native gestures (swipe, pull, long-press) are missing?
- What local notifications would drive daily engagement?
- Where does the app feel "webby" instead of native?
- What's the first thing users see when they open the installed app?
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?