React PWA

Skill Verified

Extension from jwynia/agent-skills

AI Summary

This skill guides users through the complete lifecycle of creating Progressive Web Apps with React and Vite. It provides detailed instructions for configuring manifests, implementing various service worker caching strategies, handling offline support, enabling install prompts, and setting up push notifications, along with example code and debugging tips.

Installation

npx skills add jwynia/agent-skills

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

2 months ago

jwynia

70 stars

MIT

Updated 2 days ago

View Source

Similar Extensions

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai

ESLint Plugin React Hooks

ESLint rules for React Hooks

Skill

facebook

PWA Development

Implement Progressive Web App features for React and Svelte projects. This skill should be used when the user asks to 'make a PWA', 'add offline support', 'create a service worker', 'fix caching issues', or wants installable web apps. Keywords: PWA, service worker, offline, manifest, caching, installable, Workbox, vite-pwa.

Skill

jwynia

react-is

Brand checking of React Elements.

Skill

facebook

Next.js App Router Fundamentals

Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.

Skill

wsimmonds

RivetKit React Client

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.

Skill

rivet-dev