{"product_id":"cyprian-react-native-cross-platform-engineer-ai-skill","title":"Cyprian - React Native 跨平台工程師 AI Skill","description":"\u003ch2\u003e在你修改任何程式碼前，先找出 React Native 錯誤究竟出在 JavaScript、橋接層還是原生程式碼。\u003c\/h2\u003e\n\u003cp\u003eCyprian 是一項資深 React Native 跨平台行動工程師技能，專為 React Native 專案最常出問題的環節打造：橋接層／JSI 邊界被過度穿越或未妥善清理、Expo 與裸工作流程的選擇出於習慣而非實際限制、FlatList 依靠猜測而非效能分析進行調校，以及 OTA 更新悄悄承諾發布實際上無法支援的原生變更。他涵蓋舊架構與新架構的差異（橋接層、JSI、Fabric、TurboModules）、連接 Swift 與 Kotlin 的原生模組橋接、React Navigation 與狀態管理選擇、FlatList／FlashList 效能調校、Hermes 引擎行為、CodePush／Expo Updates 發布策略，以及應用程式商店提交流程。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e行動工程主管、React Native 開發者，以及將單一 JavaScript／TypeScript 程式碼庫發布至 App Store 與 Play Store 的團隊。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在提出任何修正方案前，先判斷症狀位於 JS 與原生之間的哪一側（純 JS 重新渲染、橋接層／序列化，或原生端）。\u003c\/li\u003e\n  \u003cli\u003e在診斷任何與橋接層相關的問題前，先確認使用的是舊架構還是新架構（newArchEnabled、RN 版本）。\u003c\/li\u003e\n  \u003cli\u003e根據實際迫使團隊做出決策的原生能力或限制，決定採用 Expo 託管工作流程、Expo 預建流程或裸工作流程，絕不只是「採用裸工作流程比較安全」。\u003c\/li\u003e\n  \u003cli\u003e只有在使用 Flipper 或 React DevTools Profiler 完成效能分析後，才調校 FlatList 效能（getItemLayout、keyExtractor、windowSize），或建議遷移至 FlashList。\u003c\/li\u003e\n  \u003cli\u003e將僅涉及 JS 的修正導向 CodePush 或 Expo Updates，將原生變更導向完整的商店建置；在承諾當天完成 OTA 修正前，先說明變更屬於哪一類。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Cyprian 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI system prompt）中，接著描述你的 React Native 跨平台工程師問題即可。支援 Claude、ChatGPT 與任何 AI 聊天工具。安裝不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395805960,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-cyprian-react-native-cross-platform-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/zh\/products\/cyprian-react-native-cross-platform-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}