What UI standards does the audit follow?

It checks for mobile-first standards including touch targets of at least 44px, appropriate use of bottom sheets instead of modals, and mobile-friendly form navigation.

Does it check for PWA-specific features?

Yes, it audits service worker registration, install prompts, offline-capable patterns, and push notification configurations to ensure a robust PWA experience.

Can this skill help with AI-specific mobile features?

Absolutely. It specifically includes audit paths for AI features like the Smart Import flow, AI Concierge chat, and Gemini Live voice interactions on mobile.

How does this skill identify mobile parity issues?

The skill analyzes the project's architecture, specifically comparing desktop components with their mobile-specific counterparts (e.g., TripDetail vs. MobileTripDetail) and checking for mobile-specific hooks.

Mobile & PWA Parity Audit

Name: Mobile & PWA Parity Audit
Author: MeechYourGoals

byMeechYourGoals

•

Mobile Development

Audits mobile and PWA interfaces to ensure feature parity, touch ergonomics, and platform-specific optimization compared to desktop versions.

The Mobile & PWA Parity Audit skill provides a specialized framework for evaluating the Chravel application's mobile web and Progressive Web App experience. It systematically compares desktop features against their mobile counterparts, such as specialized page pairs and mobile-specific hooks, to ensure a first-class user experience. By auditing touch target sizes, layout density, PWA service worker configurations, and critical paths like AI concierge interactions and payment flows, it helps developers eliminate 'squeezed-down' desktop layouts in favor of truly responsive, mobile-optimized interfaces.

主要功能

01Touch ergonomics and 44px target validation

022 GitHub stars

03Desktop-to-mobile feature parity gap analysis

04Mobile-specific hook and component architecture verification

05PWA configuration auditing including offline support and notifications

06Responsive layout and horizontal overflow detection

使用场景

01Ensuring new desktop features are correctly ported to mobile-specific views

02Debugging layout breaks or touch interaction issues on mobile devices

03Pre-release auditing of PWA installability and offline capabilities

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add meechyourgoals/chravel chravel-mobile-pwa-parity

For use in Claude.ai and ChatGPT

主要功能

01Touch ergonomics and 44px target validation

022 GitHub stars

03Desktop-to-mobile feature parity gap analysis

04Mobile-specific hook and component architecture verification

05PWA configuration auditing including offline support and notifications

06Responsive layout and horizontal overflow detection

使用场景

01Ensuring new desktop features are correctly ported to mobile-specific views

02Debugging layout breaks or touch interaction issues on mobile devices

03Pre-release auditing of PWA installability and offline capabilities

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add meechyourgoals/chravel chravel-mobile-pwa-parity

For use in Claude.ai and ChatGPT