mobile-app-ux

SKILL.md

| Element | Minimum Size | Recommended | Spacing |

| Buttons | 44×44px | 48×48px | 8px between | | Icons | 24×24px | 24×24px + 44px touch area | 12px between | | List items | 44px height | 48-56px height | No gap needed | | Form inputs | 44px height | 48px height | 16px between |

スマートフォン インターフェイスのモバイル アプリ UX/UI のベスト プラクティス。タッチフレンドリーなインターフェイス、モバイル ナビゲーション パターン、ジェスチャ処理の設計、および小さな画面でのユーザー エクスペリエンスの最適化に使用します。モバイル UX、アプリのデザイン、タッチ インターフェイス、モバイル パターン、またはスマートフォン UI のベスト プラクティスに対するリクエストをトリガーします。 ソース: ibutters/claudecodeplugins。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ibutters/claudecodeplugins --skill mobile-app-ux インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る