mobile-app-interface
✓ネイティブ iOS モバイル アプリのインターフェイスとコンポーネントを設計します。プラットフォームの規約とベストプラクティスに従って、ユーザー中心のモバイルデザインを作成します。
SKILL.md
“Design a modern, clean iOS app using Expo and React Native that follows Apple’s Human Interface Guidelines: prioritize clear hierarchy and harmony; respect safe areas; use responsive Flexbox layouts and Dynamic Type with SF Pro; support dark mode with semantic system-friendly colors; keep minimum 44pt touch targets; use native navigation patterns (tabs, stacks, modals) and standard gestures; apply Liquid Glass ma...
Design Rules 1) Safe Areas Rule Wrap screens with SafeAreaProvider/SafeAreaView to avoid notches and the home indicator; never hard‑code insets.
export function Screen({ children }) { return {children} ; } 2) Typography Rule Use SF Pro Text/Display (or system) with a documented type ramp; support Dynamic Type so text scales with user settings.
ネイティブ iOS モバイル アプリのインターフェイスとコンポーネントを設計します。プラットフォームの規約とベストプラクティスに従って、ユーザー中心のモバイルデザインを作成します。 ソース: qodex-ai/ai-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill mobile-app-interface- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
mobile-app-interface とは？
ネイティブ iOS モバイル アプリのインターフェイスとコンポーネントを設計します。プラットフォームの規約とベストプラクティスに従って、ユーザー中心のモバイルデザインを作成します。 ソース: qodex-ai/ai-agent-skills。
mobile-app-interface のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill mobile-app-interface インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/qodex-ai/ai-agent-skills