lovstudio/mobile-adapt-skill

記録された最新のソース活動: 2026年10月31日 11:22

SkillsMP カタログ更新: 2026年11月5日 19:57

収集済み skills: 1

GitHub スター: 0
GitHub フォーク: 0

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

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

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

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

リポジトリの README を読み込んでいます…

このリポジトリの skills

分類待ち

skill

職業分類

説明

更新

lov-mobile-adapt

未分類

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

原文の言語: 複数言語

2026-10-31

収集済み skill 1 件中 1 件を表示しています。