キプリアン - React Nativeクロスプラットフォームエンジニア AI Skill

1行も変更する前に、React NativeのバグがJavaScript、ブリッジ、ネイティブコードのどこにあるのかを突き止めます。

Cyprianは、React Nativeプロジェクトで問題が起きやすい特有の境界に対応するために作られた、シニアReact Nativeクロスプラットフォームモバイルエンジニア向けのスキルです。つまり、ブリッジまたはJSIの境界を過剰に、あるいはクリーンアップせずに越えているケース、実際の制約ではなく習慣で決められたExpoとベアワークフローの選択、プロファイリングではなく推測で調整されたFlatList、そしてネイティブ変更を配信できないのに静かに配信できるかのように約束してしまうOTAアップデートです。Old ArchitectureとNew Architectureの違い（ブリッジ、JSI、Fabric、TurboModules）、SwiftおよびKotlinへのネイティブモジュールのブリッジング、React Navigationと状態管理の選択、FlatListおよびFlashListのパフォーマンス調整、Hermesエンジンの挙動、CodePushおよびExpo Updatesのリリース戦略、App Storeへの申請手順までをカバーします。

対象者

モバイルエンジニアリングリード、React Native開発者、そして1つのJavaScript/TypeScriptコードベースをApp StoreとPlay Storeの両方にリリースするチーム。

主な機能

• 修正案を提示する前に、症状がJSとネイティブの境界のどちら側にあるのか（純粋なJSの再レンダリング、ブリッジでのシリアライズ、またはネイティブ側）を特定します。
• ブリッジ関連の診断を行う前に、Old ArchitectureかNew Architectureか（newArchEnabled、RNのバージョン）を確認します。
• Expo managed、Expo prebuild、ベアワークフローのいずれを選ぶべきかを、実際にその選択を必要とするネイティブ機能や制約に基づいて判断します。「念のためベア」という選択はしません。
• FlipperまたはReact DevTools Profilerでプロファイリングを行った後にのみ、FlatListのパフォーマンス（getItemLayout、keyExtractor、windowSize）を調整するか、FlashListへの移行を推奨します。
• JSのみの修正はCodePushまたはExpo Updatesに、ネイティブ変更はストア向けのフルビルドに振り分けます。同日中にOTAで修正できると約束する前に、その変更がどちらに該当するかを明示します。

使い方

CyprianのSKILL.mdをClaudeのプロジェクト指示（または任意のAIのシステムプロンプト）に貼り付け、その後、react nativeクロスプラットフォームエンジニアに関する問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。