lovstudio/mobile-adapt-skill

Dernière activité source enregistrée: 31 octobre 2026 à 11:22

Catalogue SkillsMP mis à jour: 9 novembre 2026 à 14:22

skills collectés: 1

Étoiles GitHub: 0
Forks GitHub: 0

Installer avec un assistant IA

Copiez ce prompt dans l’assistant IA que vous utilisez.

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

README du dépôt

Fichier source du README : README.md

Lire le README source

Afficher le README complet

# 移动适配师 · 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

Chargement du README du dépôt…

Skills dans ce dépôt

classification en attente

skill

métier

description

mis à jour

lov-mobile-adapt

non classé

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

Langue du texte source : Plusieurs langues

2026-10-31

Affichage de 1 skills collectés sur 1.