PWA Development

Skill Verified

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.

AI Summary

This skill generates manifest files, service workers (vanilla, Workbox, Vite PWA, SvelteKit), and audit reports for Progressive Web Apps. It includes detailed references on caching strategies, iOS quirks, and framework integration patterns for React, Svelte, and Next.js projects.

Versioning

warning:Release ManagementNo explicit versioning is found in the skill's frontmatter or package.json. The SKILL.md contains a 'version: "1.0"' which is not a semantic version.

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 3 days ago

View Source

Similar Extensions

React PWA

Extension from jwynia/agent-skills

Skill

jwynia

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.

Skill

jwynia

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai

react-is

Brand checking of React Elements.

Skill

facebook

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Skill

bytedance

react-devtools-inline

Embed react-devtools within a website

Skill

facebook