building-native-ui

作成者： expo

ネイティブなExpoアプリを構築するための完全ガイド。ルーティング、スタイリング、コンポーネント、プラットフォームの慣習を網羅。Expo Routerの基礎、ネイティブタブ、スタックナビゲーション、モーダル、フォームシートを詳細なルート構造の慣習とともに解説。Appleヒューマンインターフェースガイドラインに準拠したスタイリングルール（フレックスボックスレイアウト、セーフエリア処理、アニメーション、CSS boxShadowによるシャドウ、レスポンシブデザインパターン）を含む。ライブラリの推奨事項（SFシンボル用のexpo-image、expo-audio、expo-videoなど）を記載。

npx skills add https://github.com/expo/skills --skill building-native-ui

ZIPダウンロード GitHub

expoのその他のスキル

フレームワーク（OSS）。Expo SDKのバージョンアップグレードと依存関係の問題修正のためのガイドライン

apidevelopmentofficial

expo-data-fetching

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

android-e2e-testing

Androidエミュレーター上でADBを使用してExpo Routerの機能をテストします。ネイティブAndroid機能を実装した後や、AndroidでのUI動作を確認する際に使用してください。

expo-dev-client

EAS Buildまたはローカルで、実機上でネイティブコードをテストするためのカスタムExpo開発クライアントを構築します。カスタムネイティブモジュール、Appleターゲット（ウィジェット、アプリクリップ）、またはExpo Goに含まれないサードパーティのネイティブコードを使用する場合にのみ必要です。まずはnpx expo startでExpo Goをお試しください。自動TestFlight提出によるクラウドビルド、またはお使いのマシンでのローカルビルドをサポートし、.ipa（iOS）または.apk/.aab（Android）ファイルを出力します。eas.jsonに、設定を行う開発プロファイルを含む構成が必要です。

android-jetpack-compose

Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.

swiftui-expert-skill

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, macOS-specific APIs, and iOS 26+ Liquid…

android-e2e-testing

Test Expo Router features on Android emulators using ADB. Use after implementing native Android features or when verifying UI behavior on Android.

Write TSDoc comments for Expo SDK APIs following official conventions. MUST USE when introducing new user-facing TypeScript APIs in expo-* packages - document…