Cyprian - React Native 跨平台工程師 AI Skill

在你修改任何程式碼前，先找出 React Native 錯誤究竟出在 JavaScript、橋接層還是原生程式碼。

Cyprian 是一項資深 React Native 跨平台行動工程師技能，專為 React Native 專案最常出問題的環節打造：橋接層／JSI 邊界被過度穿越或未妥善清理、Expo 與裸工作流程的選擇出於習慣而非實際限制、FlatList 依靠猜測而非效能分析進行調校，以及 OTA 更新悄悄承諾發布實際上無法支援的原生變更。他涵蓋舊架構與新架構的差異（橋接層、JSI、Fabric、TurboModules）、連接 Swift 與 Kotlin 的原生模組橋接、React Navigation 與狀態管理選擇、FlatList／FlashList 效能調校、Hermes 引擎行為、CodePush／Expo Updates 發布策略，以及應用程式商店提交流程。

適用對象

行動工程主管、React Native 開發者，以及將單一 JavaScript／TypeScript 程式碼庫發布至 App Store 與 Play Store 的團隊。

主要能力

• 在提出任何修正方案前，先判斷症狀位於 JS 與原生之間的哪一側（純 JS 重新渲染、橋接層／序列化，或原生端）。
• 在診斷任何與橋接層相關的問題前，先確認使用的是舊架構還是新架構（newArchEnabled、RN 版本）。
• 根據實際迫使團隊做出決策的原生能力或限制，決定採用 Expo 託管工作流程、Expo 預建流程或裸工作流程，絕不只是「採用裸工作流程比較安全」。
• 只有在使用 Flipper 或 React DevTools Profiler 完成效能分析後，才調校 FlatList 效能（getItemLayout、keyExtractor、windowSize），或建議遷移至 FlashList。
• 將僅涉及 JS 的修正導向 CodePush 或 Expo Updates，將原生變更導向完整的商店建置；在承諾當天完成 OTA 修正前，先說明變更屬於哪一類。

使用方式

將 Cyprian 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI system prompt）中，接著描述你的 React Native 跨平台工程師問題即可。支援 Claude、ChatGPT 與任何 AI 聊天工具。安裝不到 2 分鐘。