React Native

accessibility skill は、Web、iOS、Android 向けに、WCAG 2.2 レベル AA を基準としたアクセシブルな UI の設計・実装・監査を支援します。コンポーネントの役割、ラベル、状態、フォーカス挙動、アクセシビリティ特性を整理するのに使え、UX Audit の実務や実装レビューに役立つ実践的なアクセシビリティ活用を提供します。

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 パターン、状態管理、ネイティブモジュールのセットアップ改善に活用できます。モバイルアプリのボトルネックを、迷いを減らしながら解消するための実践的なルール、導入ガイド、運用パターンが含まれています。

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

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 向けのセットアップ手順を具体的に案内します。

Expo UI Jetpack Composeは、ExpoアプリでAndroid UI向けに`@expo/ui/jetpack-compose`を導入・利用するためのガイドです。SDK 55を前提に、正しいimport、ネイティブ再ビルドの手順、`.d.ts`によるAPI確認まで押さえられます。

react-native-best-practices は、起動が遅い、フレーム落ち、重い描画、メモリリーク、バンドル肥大化、アニメーションのカクつきに効く、実践的な React Native パフォーマンス最適化ガイドです。Hermes、bridge のオーバーヘッド、FlashList、ネイティブモジュール、リリース後の回帰をプロファイルして根拠ある修正を行いたいときに使えます。

ui-mobile は、React Native とその周辺の iOS/Android コードベースでモバイルUIデザインを進めるための実用ガイドです。アクセシブルなタッチターゲット、コントラスト、インタラクションルールに重点を置き、より安全な画面を作成し、コンポーネントをレビューし、迷いを減らしながらモバイルの使いやすさを改善できます。

Frontend Development向けのReact Nativeモバイルパターンと、プラットフォーム別コードをまとめたスキルです。このreact-nativeスキルは、iOSとAndroidを意識しながら、画面、コンポーネント、hooksを保守しやすく整理するのに役立ちます。

upgrading-react-native は、rn-diff-purge または Upgrade Helper の差分を使って React Native のバージョンアップを計画・実行するのに役立ちます。依存関係の整合、iOS/Android の設定更新、ビルド検証までを含みます。実アプリをアップグレードする Frontend Development チーム、特に monorepo や Expo ベースのプロジェクトに有用です。