mobile-ux-optimizer
✓タッチ インターフェイス、応答性の高いレイアウト、パフォーマンスに関するモバイル ファーストの UX 最適化。ビューポートの処理、タッチ ターゲット、ジェスチャ、モバイル ナビゲーションに使用します。モバイル、タッチ、レスポンシブ、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.
タッチ インターフェイス、応答性の高いレイアウト、パフォーマンスに関するモバイル ファーストの UX 最適化。ビューポートの処理、タッチ ターゲット、ジェスチャ、モバイル ナビゲーションに使用します。モバイル、タッチ、レスポンシブ、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 とは？
タッチ インターフェイス、応答性の高いレイアウト、パフォーマンスに関するモバイル ファーストの UX 最適化。ビューポートの処理、タッチ ターゲット、ジェスチャ、モバイル ナビゲーションに使用します。モバイル、タッチ、レスポンシブ、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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/erichowens/some_claude_skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01