Mobile

foundation-models-on-device は、iOS 26+ で Apple FoundationModels の機能を構築するためのガイドです。オンデバイスのテキスト生成、@Generable を使ったガイド付き出力、tool calling、snapshot streaming、利用可否チェックまで、プライバシー重視のアプリに必要な要素をまとめています。

dart-flutter-patterns は、フロントエンド開発向けの実践的な Dart と Flutter のスキルです。null safety、immutable state、async composition、widget の構成、state management、GoRouter によるナビゲーション、Dio を使ったネットワーク、testing、clean architecture まで幅広くカバーします。新機能の追加やリファクタリングで、実運用に耐えるパターンを選ぶために dart-flutter-patterns ガイドを活用してください。

mobile-android-design は、Material Design 3、Jetpack Compose、テーマ設計、ナビゲーション、さらにスマートフォン・タブレット・折りたたみ端末向けのアダプティブレイアウトパターンに沿って、AndroidネイティブなUIガイダンスをエージェントが提供できるよう支援します。

mobile-ios-designスキルを使うと、Apple HIGの原則、SwiftUIパターン、ナビゲーション設計、アクセシビリティ、iPhoneとiPadに対応した適応レイアウトに基づき、iOSネイティブらしいUIガイダンスをエージェントが作成しやすくなります。

react-native-designは、React Native UIパターンに特化したスキルです。StyleSheetによるスタイリング、型付きのReact Navigation、Reanimated 3の活用をカバーし、クロスプラットフォーム対応の画面実装に役立ちます。

react-native-architectureは、ルーティング、状態の責務分離、ネイティブモジュール、オフラインファースト設計、Expoとbareの選定ポイントを含め、実運用向けのReact Native / Expoアプリ設計を検討する際に役立ちます。

vercel-react-native-skills は、パフォーマンス重視のフロントエンド開発に役立つ React Native / Expo 向けスキルです。リスト描画、アニメーション、ナビゲーション、UI パターン、状態管理、ネイティブモジュールのセットアップ改善に活用できます。モバイルアプリのボトルネックを、迷いを減らしながら解消するための実践的なルール、導入ガイド、運用パターンが含まれています。

adaptスキルは、既存のUIを新しいデバイスや利用文脈に合わせて再設計するためのスキルです。adaptのワークフロー、必要なfrontend-design依存、インストール先、そしてモバイル・タブレット・印刷物・クロスプラットフォームでのUI/UX変更に役立つ実践的な使い方を確認できます。

adaptスキルは、UI/UXチームが既存のインターフェースをモバイル、タブレット、印刷、タッチ操作などの新しい利用文脈に合わせて再設計する際に役立ちます。実装に入る前に、adaptを使って元の前提条件、移行先の制約、インタラクションの変化を整理・評価できます。pbakaus/impeccableから導入し、より良い結果を得るには /frontend-design と組み合わせて使うのがおすすめです。

ios-application-dev は、UIKit、SnapKit、SwiftUI に対応した実践的な iOS アプリ開発ガイドです。レイアウト、ナビゲーション、アクセシビリティ、Dynamic Type、Dark Mode、Apple プラットフォームの作法について、フロントエンド開発者がより速く UI を判断できるよう支援します。コードレビューや、プロダクト要件をそのまま出荷可能な iPhone 画面へ落とし込む場面で活用できます。

android-native-dev は、Kotlin、Jetpack Compose、Material Design 3、プロジェクト初期設定、アクセシビリティ、ビルドトラブルシューティングに焦点を絞った Android ネイティブ開発スキルです。リポジトリの状態を見極め、Android プロジェクトを初期化または修復し、推測を減らしながらビルド可能な UI を実装するのに役立ちます。

exploiting-insecure-data-storage-in-mobile skill は、Android と iOS アプリ内の安全でないローカルストレージから証拠を評価・抽出するのに役立ちます。SharedPreferences、SQLite データベース、plist ファイル、world-readable ファイル、バックアップ露出、そして弱い keychain/keystore の扱いまでカバーしており、モバイルペンテストや Security Audit のワークフローに適しています。

detecting-mobile-malware-behavior スキルは、権限の乱用、実行時の挙動、ネットワーク指標、マルウェア的なパターンを手がかりに、Android と iOS の不審なアプリを分析します。トリアージ、インシデント対応、Security Audit ワークフローでの detecting-mobile-malware-behavior に活用でき、証拠に基づくモバイル分析に役立ちます。

firebase-apk-scanner は、Android APK 向けのセキュリティ監査に特化したスキルです。Firebase を利用するアプリを対象に、公開データベース、ストレージ露出、弱い認証、認証なしの Cloud Functions をチェックします。許可を得た Firebase セキュリティ監査で、インストール手順と使い方のガイドが必要なとき、APK の確認から検証済みの指摘作成までをスムーズにつなぐために使えます。

Expoアプリで `@expo/ui` を導入し、`npx expo run:ios` で再ビルドしながら、`Host`、`RNHostView`、SDK 55 のドキュメントを前提に Expo UI SwiftUI を正しく使い始めるためのスキルガイドです。

native-data-fetching は、Expo アプリでの API リクエスト実装とデバッグに特化したスキルです。fetch パターン、キャッシュ、認証ヘッダー、オフライン時の挙動、Expo Router loaders までをカバーし、導入判断と実運用の使い方を案内します。

upgrading-expo は、Expo SDK のバージョン更新を進めるためのスキルです。適切な install コマンドや doctor コマンドの実行、キャッシュのクリア、さらに React 19、New Architecture、Native Tabs、`expo-av` 移行といった破壊的変更への対応まで支援します。

use-domスキルは、Expo DOM componentsを使って、ネイティブではwebview内でReactのWebコードを動かし、Webでは通常どおり実行する方法を示します。ブラウザ依存のコンポーネントを再利用したい場合や、既存のWebコードを段階的に移行したい場合に役立ちます。

building-native-uiは、ネイティブらしいReact Nativeアプリを作るためのExpo Router UIスキルです。導入前に、セットアップの前提、ルート構成、tabs、headers、animations、media、対応プラットフォームの制約を確認できます。

expo-api-routes は、EAS Hosting 向けの Expo Router API routes を構築するためのガイドです。サーバーサイドのエンドポイントを使うべき場面、`app/**/+api.ts` ファイルの配置場所、そして安全な route handler の設計方法をわかりやすく整理しています。

expo-cicd-workflows は、Expo EAS workflow YAML の作成・編集・検証を支援するスキルです。スキルを導入し、最新の schema と docs を取得してから、ビルド、submission、update、デプロイ用パイプラインに対応する `.eas/workflows` ファイルを、バリデーターに基づくガイダンス付きで生成・修正できます。

expo-deploymentは、EASを使ってExpoアプリをiOS App Store、Google Play、web hosting、TestFlight、メタデータ管理、CI/CDワークフローまで含めてリリースできるよう支援するスキルです。

expo-dev-client は、Expo アプリに development client が必要かを見極めたうえで、EAS を設定し、ローカルまたは TestFlight 経由でネイティブ検証用のビルドを進める判断と導入を支援します。

expo-tailwind-setup は、Expo で Tailwind CSS v4 を導入・設定するための実践ガイドです。react-native-css と NativeWind v5 を使い、iOS・Android・web 向けのセットアップ手順を具体的に案内します。