Skills
.Work. You
Rest

react-mobile-app-dev

Community

Build fast, touch-ready React mobile Web apps.

Software Engineering#react#responsive design#performance optimization#pwa#mobile web#touch interactions#gesture handling
AuthorSmallRob
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the common issues in React mobile Web apps where poor responsive layout, slow performance, and weak touch/gesture handling lead to janky UX, layout shifts, and high user drop-off.

Core Features & Use Cases

  • Mobile-first UI & responsive breakpoints: Establishes a practical breakpoint system and encourages flexible units so layouts behave correctly across phones and tablets.
  • Performance targets and optimization patterns: Defines Core Web Vitals goals (FCP/LCP/CLS/FID) and provides strategies like code splitting, image optimization, virtual lists, and debouncing.
  • Touch, gestures, and mobile UX correctness: Includes touch target sizing, touch/scroll behavior tuning, gesture patterns, and virtual keyboard handling to keep interactions reliable.

Quick Start

Use the react-mobile-app-dev skill to optimize your React mobile Web app’s responsiveness, Core Web Vitals performance, and touch/gesture behaviors for better real-device UX.

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: react-mobile-app-dev
Download link: https://github.com/SmallRob/nice_today_android/archive/main.zip#react-mobile-app-dev

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.