Skills
.Work. You
Rest

pwa-setup

Community

Make your web app installable.

Software Engineering#typescript#next.js#web app#mobile#pwa#install prompt
Authordadbodgeoff
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables users to install your web application on their devices, providing an app-like experience directly from the browser without needing a native app store.

Core Features & Use Cases

  • Web App Manifest: Defines app metadata, icons, and behavior for installation.
  • Mobile Meta Tags: Configures viewport and theme for optimal display on mobile devices.
  • Safe Area Handling: Ensures content is visible on devices with notches or cutouts.
  • Install Prompts: Implements a user-friendly prompt to encourage installation.
  • Use Case: You want your e-commerce site to feel more like a native app on mobile, allowing users to add it to their home screen for quick access and a seamless shopping experience.

Quick Start

Configure your Next.js application to support PWA features by adding the provided manifest, layout metadata, and safe area CSS.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pwa-setup
Download link: https://github.com/dadbodgeoff/drift/archive/main.zip#pwa-setup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.