mobile-ux-optimizer
✓針對觸摸界面、響應式佈局和性能的移動優先用戶體驗優化。用於視口處理、觸摸目標、手勢、移動導航。在移動設備、觸摸、響應式、dvh、視口、安全區域、漢堡菜單上激活。不適用於本機應用程序開發（使用 React Native 技能）、僅限桌面的功能或一般 CSS（使用 Tailwind 文檔）。
SKILL.md
Build touch-optimized, performant mobile experiences with proper viewport handling and responsive patterns.
Apple's Human Interface Guidelines specify 44×44 points as minimum touch target. Google Material suggests 48×48dp.
Mobile browsers have dynamic toolbars. 100vh includes the URL bar, causing content to be cut off.
針對觸摸界面、響應式佈局和性能的移動優先用戶體驗優化。用於視口處理、觸摸目標、手勢、移動導航。在移動設備、觸摸、響應式、dvh、視口、安全區域、漢堡菜單上激活。不適用於本機應用程序開發（使用 React Native 技能）、僅限桌面的功能或一般 CSS（使用 Tailwind 文檔）。 來源：erichowens/some_claude_skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 mobile-ux-optimizer？
針對觸摸界面、響應式佈局和性能的移動優先用戶體驗優化。用於視口處理、觸摸目標、手勢、移動導航。在移動設備、觸摸、響應式、dvh、視口、安全區域、漢堡菜單上激活。不適用於本機應用程序開發（使用 React Native 技能）、僅限桌面的功能或一般 CSS（使用 Tailwind 文檔）。 來源：erichowens/some_claude_skills。
如何安裝 mobile-ux-optimizer？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/erichowens/some_claude_skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01