lovstudio/mobile-adapt-skill

Letzte erfasste Quellaktivität: 31. Oktober 2026 um 11:22

SkillsMP-Katalog aktualisiert: 5. November 2026 um 19:57

gesammelte Skills: 1

GitHub-Stars: 0
GitHub-Forks: 0

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

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

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

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

README des Repositorys wird geladen…

Skills in diesem Repository

Klassifizierung ausstehend

Skill

Beruf

Beschreibung

Aktualisiert

lov-mobile-adapt

nicht klassifiziert

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

Quellsprache: Mehrsprachig

2026-10-31

Es werden 1 von 1 gesammelten Skills angezeigt.