Skills
.Work. You
Rest

mobile-pwa-usability

Official

Enforce mobile usability for PWAs.

Design & Creative#ui#accessibility#mobile#usability#nextjs#pwa
Authorparisgroup-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates mobile usability checks and PWA readiness for React/Next.js projects, catching common mobile UX pitfalls before production.

Core Features & Use Cases

  • Touch targets: ensures minimum hit area for interactive elements across layouts.
  • Viewport and safe areas: validates use of device-width viewport and safe-area paddings for notches and home indicators.
  • Accessibility and contrast: checks color contrast, readable typography, and keyboard navigation readiness.
  • PWA recommendations: guides manifest configuration, service worker setup, and offline support to improve reliability.
  • Use Case: A frontend team uses this to ensure new components are mobile-friendly and PWA-ready before release.

Quick Start

Use the mobile-pwa-usability checks to validate touch targets, viewport handling, safe areas, and PWA configuration in your Next.js app.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: mobile-pwa-usability
Download link: https://github.com/parisgroup-ai/imersao-ia-setup/archive/main.zip#mobile-pwa-usability

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 471,000+ vetted skills library on demand.