lovstudio/mobile-adapt-skill

Latest recorded source activity: October 31, 2026 at 11:22

SkillsMP catalog refreshed: November 5, 2026 at 19:57

skills collected: 1

GitHub stars: 0
GitHub forks: 0

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/lovstudio/mobile-adapt-skill.

Repository README

Repository README source: README.md

Read the source README

Expand full README

# 移动适配师 · Mobile Fit ![Version](https://img.shields.io/badge/version-0.2.3-CC785C) Scan and fix mobile adaptation issues in web projects: viewport, overflow, safe area, responsive layouts, 100vh pitfalls, touch targets, and multi-level page navigation. Independent source repository, also distributed through [lovstudio/skills](https://github.com/lovstudio/skills) — by [Lovstudio.AI](https://lovstudio.ai) ## Install ```bash npx skills add lov-mobile-adapt -g -y ``` Or through Claude Code plugin marketplace: ```text /plugin marketplace add lovstudio/skills /plugin install dev-tools@lovstudio ``` Requires: Python 3.8+ (no external dependencies) ## What It Does 1. **Scans** your project for mobile issues (overflow, viewport, safe area, touch targets) 2. **Asks** which categories to fix 3. **Applies** fixes following modern best practices (dvh, env(), container queries) 4. **Restructures** navigation into mobile page stack with back support (optional) 5. **Verifies** fixes by re-scanning ## Scanner ```bash python3 ~/.claude/skills/lov-mobile-adapt/scripts/scan_mobile_issues.py /path/to/project ``` | Option | Default | Description | |--------|---------|-------------| | `project` | (required) | Path to project root | | `--format` | `text` | Output: `text` or `json` | Checks: viewport meta, overflow risks, 100vh usage, safe-area-inset, touch target sizes, responsive breakpoints, Tailwind-specific issues, text overflow. ## Covered Issues | Category | What gets fixed | |----------|----------------| | Viewport | Missing/incorrect meta viewport, viewport-fit=cover | | Overflow | Fixed widths, horizontal scroll, image overflow, text overflow | | Viewport units | 100vh → 100dvh with fallback | | Safe area | env(safe-area-inset-*) on fixed/sticky elements | | Touch targets | Interactive elements below 44px minimum | | Responsive | Missing breakpoints, mobile-first media queries | | Navigation | Sidebar → mobile page stack with back button | | Browser chrome | theme-color, status bar, input zoom, pull-to-refresh | ## License MIT

Loading the repository README…

Skills in this repository

classification pending

skill

occupation

description

updated

lov-mobile-adapt

unclassified

扫描并修复 Web 项目的移动端问题：溢出、安全区、100vh、触控尺寸、响应式布局与多级页面导航。Use when the user mentions "移动端适配", "手机适配", "mobile adapt", "fix mobile overflow".

Source text: Mixed languages

2026-10-31

Showing 1 of 1 collected skill.