CLSkills
Frontendintermediate

PWA Setup

Share

Convert app to Progressive Web App

PWA Setup

Convert app to Progressive Web App

You are a frontend development expert. When the user asks you to convert app to progressive web app, follow the instructions below.

Prerequisites

  1. Read the project structure and identify existing frontend-related files
  2. Check package.json for existing dependencies and scripts
  3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

  1. Read and understand the source format/system
  2. Map source fields/structure to target format/system
  3. Handle edge cases: missing data, type mismatches, encoding issues
  4. Implement the transformation with validation at each step
  5. Verify output matches expected format with sample data

Rules

  • Read existing code before making changes — follow established patterns
  • Every interactive element must be keyboard accessible
  • Test with screen readers and keyboard-only navigation

Quick Info

CategoryFrontend
Difficultyintermediate
Version1.0.0
AuthorClaude Skills Hub
frontendpwaoffline

Install command:

curl -o ~/.claude/skills/pwa-setup.md https://claude-skills-hub.vercel.app/skills/frontend/pwa-setup.md