mobile
Root mobile: native vs cross-platform decisions, app store guidelines, mobile UX principles
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o mobile.zip https://jpskill.com/download/22264.zip && unzip -o mobile.zip && rm mobile.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/22264.zip -OutFile "$d\mobile.zip"; Expand-Archive "$d\mobile.zip" -DestinationPath $d -Force; ri "$d\mobile.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
mobile.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
mobileフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
mobile
目的
このスキルは、OpenClaw がモバイルアプリ開発を支援するために、ネイティブ(例:iOS 用 Swift、Android 用 Kotlin)とクロスプラットフォーム(例:React Native、Flutter)のアプローチを評価し、アプリストアのガイドライン(例:Apple の App Store Review Guidelines、Google Play Policies)への準拠を保証し、タッチフレンドリーなデザインやレスポンシブなレイアウトといったモバイル UX 原則を適用するのに役立ちます。
使用場面
このスキルは、新しいモバイルプロジェクトを開始する際、既存のアプリをリファクタリングする際、またはプラットフォーム向けに最適化する際に使用します。例えば、パフォーマンスが重要なアプリにはネイティブを選択するか、より迅速な開発のためにクロスプラットフォームを選択するかを決定する際などです。UX 監査のための設計フェーズや、リジェクトを避けるためのアプリ提出準備の際に適用してください。
主な機能
- ネイティブとクロスプラットフォームのトレードオフを分析します。アプリサイズや起動速度などの指標を使用して、ビルド時間、メンテナンス、パフォーマンスを比較します。
- アプリストアのガイドラインに対して検証します。自動スキャンにより、データプライバシーコンプライアンス(例:GDPR への準拠)やアプリ内購入ルールなどの問題を確認します。
- モバイル UX 原則を強制します。iOS のボタンサイズを 44x44 ピクセル以上にする、Android に Material Design コンポーネントを使用するなど、レイアウトに関する推奨事項を生成します。
- コード生成を提供します。Android Manifest でのパーミッション処理や SwiftUI ビューなど、プラットフォーム固有の機能のためのスニペットを出力します。
- ツールとの統合。リアルタイムのガイドライン更新のために外部 API を照会します。例えば、非公式のスクレイパーを介して Apple のガイドラインを取得します(本番環境での使用は推奨されません)。
使用パターン
OpenClaw の CLI または API を介して、コマンドの前にスキル ID を付けることでこのスキルを呼び出します。例:openclaw mobile [subcommand]。プラットフォームやプロジェクトタイプなどの必須パラメータは常に渡してください。決定を下す際には、ユーザーのフィードバックに基づいて入力を調整するためにインタラクティブモードを使用します。例:「testing」スキルと組み合わせて自動 UX テストを行うなど、出力を他のスキルにパイプして連携させます。非同期操作は、応答ステータスコードを確認することで処理します。
一般的なコマンド/API
迅速なタスクには OpenClaw CLI を、プログラムによるアクセスには REST API を使用します。認証には $OPENCLAW_API_KEY を環境変数として設定する必要があります。
-
CLI コマンド:
openclaw mobile decide --platform ios --type native-vs-cross --factors performance,cost- 出力: 長所/短所を含む JSON。例:
{"native": "Faster performance but higher cost", "cross": "Shared codebase but potential UI inconsistencies"}。 - コードスニペット:
response = subprocess.run(['openclaw', 'mobile', 'decide', '--platform', 'android', '--type', 'cross'], capture_output=True) print(response.stdout.decode())
- 出力: 長所/短所を含む JSON。例:
-
CLI コマンド:
openclaw mobile validate --app-path /path/to/app --store apple- フラグ: ガイドラインチェックのための
--store(apple/google);ローカルファイル分析のための--app-path。 - コードスニペット:
import os os.system('openclaw mobile validate --app-path ./myapp --store google') # Checks for policies like ad compliance and returns exit code 0 if pass
- フラグ: ガイドラインチェックのための
-
API エンドポイント: POST /api/v1/skills/mobile/decide
- ボディ:
{"platform": "ios", "type": "ux-principles", "query": "button sizing"}のような JSON。 - レスポンス: データを含む 200 OK。例:
{"recommendation": "Use .frame(width: 50, height: 50) for buttons"}。 - コードスニペット:
import requests headers = {'Authorization': f'Bearer {os.environ.get("OPENCLAW_API_KEY")}'} response = requests.post('https://api.openclaw.ai/api/v1/skills/mobile/decide', json={"platform": "android"}, headers=headers) print(response.json()['advice'])
- ボディ:
-
設定形式: カスタムプロファイルには YAML を使用します。例:
mobile: defaultPlatform: android uxRules: minButtonSize: 48ロード方法:
openclaw mobile config --file path/to/config.yaml。
統合に関する注意
OpenClaw の呼び出しをビルドスクリプトや IDE 拡張機能でラップして統合します。例えば、CI/CD パイプラインでは、デプロイ前に openclaw mobile validate のようなステップを追加します。VS Code を使用している場合は、OpenClaw 拡張機能をインストールし、キーボードショートカットにバインドします。API 統合の場合、$OPENCLAW_API_KEY がシークレット管理を介して安全に設定されていることを確認してください。レート制限は、応答をキャッシュすることで処理します。OpenClaw は 1 分あたり 100 リクエストを強制するため、指数関数的バックオフを伴う再試行ロジックを実装してください。
エラー処理
一般的なエラーには、$OPENCLAW_API_KEY がないか無効な場合の認証失敗(HTTP 401)があります。環境変数を検証し、キーを再生成することで修正してください。サポートされていないプラットフォームなどの無効な入力の場合、詳細を含む HTTP 400 が返されます。エラー JSON を解析し、修正を促してください。iOS ガイドラインの不一致などのプラットフォーム固有の問題は、{"code": "APP_STORE_101", "message": "Privacy policy missing"} のような構造化されたエラーを返します。スクリプトで try-except ブロックを使用してください。
try:
result = requests.post(url, headers=headers)
result.raise_for_status()
except requests.exceptions.HTTPError as e:
print(f"Error: {e.response.json()['message']}. Retrying...")
デバッグのために常にタイムスタンプ付きでエラーをログに記録し、API がダウンしている場合はデフォルトの動作にフォールバックしてください。
グラフの関係
- 関連: 「ios」スキル(iOS 固有の実装のための子ノード)
- 関連: 「android」スキル(Android 最適化のための兄弟ノード)
- 接続元: 「ux-design」クラスター(共有 UX 原則のための親)
- リンク先: ガイドライン参照のための「app-store」外部リソース
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
mobile
Purpose
This skill helps OpenClaw assist in mobile app development by evaluating native (e.g., Swift for iOS, Kotlin for Android) vs. cross-platform (e.g., React Native, Flutter) approaches, ensuring compliance with app store guidelines (e.g., Apple's App Store Review Guidelines, Google Play Policies), and applying mobile UX principles like touch-friendly designs and responsive layouts.
When to Use
Use this skill when starting a new mobile project, refactoring existing apps, or optimizing for platforms; for example, when deciding between native for performance-critical apps or cross-platform for faster development. Apply it during design phases for UX audits or when preparing app submissions to avoid rejections.
Key Capabilities
- Analyze native vs. cross-platform trade-offs: Compare build times, maintenance, and performance using metrics like app size and startup speed.
- Validate against app store guidelines: Check for issues like data privacy compliance (e.g., GDPR alignment) or in-app purchase rules via automated scans.
- Enforce mobile UX principles: Generate recommendations for layouts, such as ensuring button sizes > 44x44 pixels for iOS, or using Material Design components for Android.
- Provide code generation: Output snippets for platform-specific features, like handling permissions in Android Manifest or SwiftUI views.
- Integration with tools: Query external APIs for real-time guideline updates, e.g., fetching Apple guidelines via unofficial scrapers (not recommended for production).
Usage Patterns
Invoke this skill via OpenClaw's CLI or API by prefixing commands with the skill ID, e.g., openclaw mobile [subcommand]. Always pass required parameters like platform and project type. For decisions, use interactive mode to refine inputs based on user feedback. Example: Pipe outputs to other skills for chaining, like combining with a "testing" skill for automated UX tests. Handle asynchronous operations by checking response status codes.
Common Commands/API
Use the OpenClaw CLI for quick tasks or the REST API for programmatic access. Authentication requires setting $OPENCLAW_API_KEY as an environment variable.
-
CLI Command:
openclaw mobile decide --platform ios --type native-vs-cross --factors performance,cost- Output: JSON with pros/cons, e.g., {"native": "Faster performance but higher cost", "cross": "Shared codebase but potential UI inconsistencies"}.
- Code Snippet:
response = subprocess.run(['openclaw', 'mobile', 'decide', '--platform', 'android', '--type', 'cross'], capture_output=True) print(response.stdout.decode())
-
CLI Command:
openclaw mobile validate --app-path /path/to/app --store apple- Flags:
--store(apple/google) for guideline checks;--app-pathfor local file analysis. - Code Snippet:
import os os.system('openclaw mobile validate --app-path ./myapp --store google') # Checks for policies like ad compliance and returns exit code 0 if pass
- Flags:
-
API Endpoint: POST /api/v1/skills/mobile/decide
- Body: JSON like {"platform": "ios", "type": "ux-principles", "query": "button sizing"}
- Response: 200 OK with data, e.g., {"recommendation": "Use .frame(width: 50, height: 50) for buttons"}.
- Code Snippet:
import requests headers = {'Authorization': f'Bearer {os.environ.get("OPENCLAW_API_KEY")}'} response = requests.post('https://api.openclaw.ai/api/v1/skills/mobile/decide', json={"platform": "android"}, headers=headers) print(response.json()['advice'])
-
Config Format: Use YAML for custom profiles, e.g.,
mobile: defaultPlatform: android uxRules: minButtonSize: 48Load via:
openclaw mobile config --file path/to/config.yaml.
Integration Notes
Integrate by wrapping OpenClaw calls in your build scripts or IDE extensions. For example, in a CI/CD pipeline, add a step like openclaw mobile validate before deployment. If using VS Code, install the OpenClaw extension and bind to keyboard shortcuts. For API integrations, ensure $OPENCLAW_API_KEY is set securely via secrets management. Handle rate limits by caching responses; OpenClaw enforces 100 requests/min, so implement retry logic with exponential backoff.
Error Handling
Common errors include authentication failures (HTTP 401) if $OPENCLAW_API_KEY is missing or invalid—fix by verifying the env var and regenerating keys. For invalid inputs, like unsupported platforms, expect HTTP 400 with details; parse the error JSON and prompt for corrections. Platform-specific issues, e.g., iOS guideline mismatches, return structured errors like {"code": "APP_STORE_101", "message": "Privacy policy missing"}—use try-except blocks in scripts:
try:
result = requests.post(url, headers=headers)
result.raise_for_status()
except requests.exceptions.HTTPError as e:
print(f"Error: {e.response.json()['message']}. Retrying...")
Always log errors with timestamps for debugging, and fallback to default behaviors if API is down.
Graph Relationships
- Related to: "ios" skill (child node for iOS-specific implementations)
- Related to: "android" skill (sibling node for Android optimizations)
- Connected via: "ux-design" cluster (parent for shared UX principles)
- Links to: "app-store" external resource for guideline references