Adapt an existing web project for mobile devices: fix overflow, add responsive layouts, convert to multi-level page navigation with back support, handle notch/Dynamic Island safe areas, fix 100vh browser chrome issues, and optimize touch targets. Trigger when user says "mobile adapt", "移动端适配", "responsive optimization", "手机适配", "fix mobile overflow", "add safe area", "多级页面", "移动端布局", or mentions adapting a site for phones/tablets.
How to install mobile-adapt?
lovstudio/dev-skills/mobile-adapt
$npx -y skills add lovstudio/dev-skills --skill mobile-adaptInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/lovstudio/dev-skills" --skill "lovstudio/dev-skills/mobile-adapt"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/lovstudio/dev-skills" that are relevant to the current task. Run `npx skills add "https://github.com/lovstudio/dev-skills"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- react-native-skillsReact Native and Expo best practices for building performant mobile apps.Jul 2026
- imagegen-frontend-mobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows.Jul 2026
- firebase-crashlyticsComprehensive guide for Firebase Crashlytics, including provisioning and SDK usage.Jul 2026
- xcode-project-setupSafely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g.Jul 2026
- expo-tailwind-setupFramework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal stylingJul 2026
- expo-dev-clientFramework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing.Jul 2026
