mobile-app-design

モバイルアプリデザイン

カタログのスタブです。完全版のスキルはこちらです：awesome-skills/mobile-app-design

判断フロー

1. 完全版のスキルはすでにインストールされていますか？ 次の場所にあるスキルに、引き続き das: ブロックがあるか確認します：

   • グローバル：grep -q "^das:" ~/.agents/skills/mobile-app-design/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • プロジェクト：grep -q "^das:" .agents/skills/mobile-app-design/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • das: ブロックがない場合 → 完全版のスキルがインストールされています。呼び出して続行します
   • das: ブロックがある場合 → 手順 2 に進みます

2. スコープを検出してからインストールします：

   スコープを検出するには：

   [ -e ~/.agents/skills/mobile-app-design ] && echo "global" || echo "project"
   

   グローバル（-g を付けてインストール）：

   npx skills add awesome-skills/mobile-app-design --skill mobile-app-design -g -y
   

   プロジェクト（-g を付けずにインストール）：

   npx skills add awesome-skills/mobile-app-design --skill mobile-app-design -y
   

   Claude Code： どちらかのコマンドを ! で始まるチャットメッセージとして送信すると、会話から離れずに実行できます。

インストール後の呼び出し

• スキル名：mobile-app-design
• トリガー：「モバイルアプリデザイン」、「iOS デザイン」、「Android デザイン」、「タッチターゲット」、「親指の操作範囲」

概要

モバイル UI/UX デザインに関する 26,000 語以上のガイダンスです。Apple iOS Human Interface Guidelines、Android Material 3、WCAG のモバイルアクセシビリティ、React Native 実装のベストプラクティス、適切なタッチターゲットのサイズ、親指で操作しやすい配置、スマートフォンやタブレット向けのアダプティブレイアウトパターンを扱います。クロスプラットフォームのモバイルデザインに関するあらゆる判断に使用できます。

使用しない場合

• Apple HIG のみを扱う場合 — apple-hig-skills を使用します
• SwiftUI 固有の実装の場合 — swiftui-patterns を使用します
• プロ向けモバイル UI のクラフトパターンの場合 — mobile-app-ui-design を使用します