[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-callstack-react-native-brownfield-migration":3,"mdc-lekt0s-key":43,"related-repo-callstack-react-native-brownfield-migration":884,"related-org-callstack-react-native-brownfield-migration":982},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":32,"repoUrl":33,"updatedAt":34,"license":35,"forks":36,"topics":37,"repo":38,"sourceUrl":41,"mdContent":42},"react-native-brownfield-migration","migrate native apps to React Native","Implements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack\u002Freact-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"callstack","Callstack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fcallstack.png","callstackincubator",[13,17,20,23,26,29],{"name":14,"slug":15,"type":16},"React Native","react-native","tag",{"name":18,"slug":19,"type":16},"Android","android",{"name":21,"slug":22,"type":16},"Expo","expo",{"name":24,"slug":25,"type":16},"iOS","ios",{"name":27,"slug":28,"type":16},"Mobile","mobile",{"name":30,"slug":31,"type":16},"Migration","migration",1527,"https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Fagent-skills","2026-04-06T18:06:42.392689","MIT",109,[],{"repoUrl":33,"stars":32,"forks":36,"topics":39,"description":40},[],"A collection of agent-optimized React Native skills for AI coding assistants.","https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Fagent-skills\u002Ftree\u002FHEAD\u002Fskills\u002Freact-native-brownfield-migration","---\nname: react-native-brownfield-migration\ndescription: Implements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack\u002Freact-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts.\nlicense: MIT\nmetadata:\n  author: Callstack\n  tags: react-native, brownfield, expo, bare, ios, android, xcframework, aar, native-integration\n---\n\n# Migrating to React Native\n\nUse this skill only after the decision to adopt brownfield migration has been made. When the user is still choosing between brownfield, greenfield, a checkpoint-based path, defer, or no migration, use [assess-react-native-migration](..\u002Fassess-react-native-migration\u002FSKILL.md) first.\n\n## Overview\n\nPrescriptive workflow for incremental adoption of React Native in existing native apps using `@callstack\u002Freact-native-brownfield`, from initial setup through phased host integration.\n\n- Expo track\n- Bare React Native track\n\nUse one track per task unless the user explicitly asks for migration or comparison.\n\n## Migration Strategy\n\nUse this strategy for brownfield migration planning and execution:\n\n1. Assess app state and select Expo or bare path.\n2. Perform initial setup with `@callstack\u002Freact-native-brownfield`.\n3. Package RN artifacts (`XCFramework`\u002F`AAR`) from the RN source app.\n4. Integrate one RN surface into the host app and validate startup\u002Fruntime.\n5. Repeat integration by feature\u002Fscreen for incremental rollout.\n\n## Agent Guardrails (Global)\n\nApply these rules across all reference files:\n\n1. Select one path first (Expo or bare) and do not mix steps.\n2. Use placeholders from the docs (`\u003Cframework_target_name>`, `\u003Candroid_module_name>`, `\u003Cregistered_module_name>`) and resolve from project files.\n3. Validate each packaging command before moving to host integration.\n4. Prefer official docs for long platform snippets and CLI option details.\n5. Keep host apps isolated from direct React Native APIs when possible (facade approach).\n6. For startup\u002Fruntime verification, use `agent-device` to open the host app, navigate to the RN surface, capture snapshots\u002Fscreenshots, and collect device evidence. If it is missing and verification needs it, install it through the environment's approved\u002Ftrusted path or ask the user to install or enable it.\n\n## Canonical Docs\n\n- [Quick Start](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fquick-start.md)\n- [Expo Integration](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fexpo.md)\n- [iOS Integration](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fios.md)\n- [Android Integration](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fandroid.md)\n- [Brownfield CLI](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fcli\u002Fbrownfield.md)\n- [Guidelines](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fguides\u002Fguidelines.md)\n- [Troubleshooting](https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fguides\u002Ftroubleshooting.md)\n\n## Path Selection Gate (Must Run First)\n\nBefore selecting any reference file, classify the project:\n\n1. If no React Native app exists yet, use Expo creation path:\n   - [expo-create-app.md][expo-create-app] -> [expo-quick-start.md][expo-quick-start]\n2. If React Native app exists, inspect `package.json` and `app.json`:\n   - Expo if `expo` is present or Expo plugin workflow is requested.\n   - Bare RN if native folders and direct RN CLI workflow are used without Expo path requirements.\n3. If still unclear, ask one disambiguation question.\n4. Continue with exactly one path.\n\n## When to Apply\n\nReference this package when:\n\n- Implementing an accepted incremental migration from native-only apps to React Native or Expo\n- Creating brownfield integration flows for Expo or bare React Native projects\n- Performing initial setup with `@callstack\u002Freact-native-brownfield`\n- Generating iOS XCFramework artifacts from a React Native app\n- Generating and publishing Android AAR artifacts from a React Native app\n- Integrating generated artifacts into host iOS\u002FAndroid apps\n\n## Quick Reference\n\n| File | Description |\n|------|-------------|\n| [quick-start.md][quick-start] | Shared preflight and mandatory path-selection gate |\n| [expo-create-app.md][expo-create-app] | Scaffold a new Expo app before Expo brownfield setup |\n| [expo-quick-start.md][expo-quick-start] | Expo plugin setup and packaging readiness |\n| [expo-ios-integration.md][expo-ios-integration] | Expo iOS packaging and host startup integration |\n| [expo-android-integration.md][expo-android-integration] | Expo Android packaging, publish, and host integration |\n| [bare-quick-start.md][bare-quick-start] | Bare React Native baseline setup |\n| [bare-ios-xcframework-generation.md][bare-ios-xcframework-generation] | Bare iOS XCFramework generation |\n| [bare-android-aar-generation.md][bare-android-aar-generation] | Bare Android AAR generation and publish |\n| [bare-ios-native-integration.md][bare-ios-native-integration] | Bare iOS host integration |\n| [bare-android-native-integration.md][bare-android-native-integration] | Bare Android host integration |\n\n## Problem -> Skill Mapping\n\n| Problem | Start With |\n|---------|------------|\n| Need migration path decision first | [assess-react-native-migration](..\u002Fassess-react-native-migration\u002FSKILL.md) |\n| Need Expo vs bare path decision | [quick-start.md][quick-start] |\n| Need to create a new Expo app for brownfield | [expo-create-app.md][expo-create-app] |\n| Need Expo brownfield setup and plugin wiring | [expo-quick-start.md][expo-quick-start] |\n| Need Expo iOS brownfield integration | [expo-ios-integration.md][expo-ios-integration] |\n| Need Expo Android brownfield integration | [expo-android-integration.md][expo-android-integration] |\n| Need bare RN baseline setup | [bare-quick-start.md][bare-quick-start] |\n| Need bare RN iOS XCFramework generation | [bare-ios-xcframework-generation.md][bare-ios-xcframework-generation] |\n| Need bare RN Android AAR generation\u002Fpublish | [bare-android-aar-generation.md][bare-android-aar-generation] |\n| Need bare RN iOS host integration | [bare-ios-native-integration.md][bare-ios-native-integration] |\n| Need bare RN Android host integration | [bare-android-native-integration.md][bare-android-native-integration] |\n\n## Related Skills\n\n- [Assess React Native migration](..\u002Fassess-react-native-migration\u002FSKILL.md) before selecting the migration path.\n\n[quick-start]: references\u002Fquick-start.md\n[expo-create-app]: references\u002Fexpo-create-app.md\n[expo-quick-start]: references\u002Fexpo-quick-start.md\n[expo-ios-integration]: references\u002Fexpo-ios-integration.md\n[expo-android-integration]: references\u002Fexpo-android-integration.md\n[bare-quick-start]: references\u002Fbare-quick-start.md\n[bare-ios-xcframework-generation]: references\u002Fbare-ios-xcframework-generation.md\n[bare-android-aar-generation]: references\u002Fbare-android-aar-generation.md\n[bare-ios-native-integration]: references\u002Fbare-ios-native-integration.md\n[bare-android-native-integration]: references\u002Fbare-android-native-integration.md\n",{"data":44,"body":47},{"name":4,"description":6,"license":35,"metadata":45},{"author":9,"tags":46},"react-native, brownfield, expo, bare, ios, android, xcframework, aar, native-integration",{"type":48,"children":49},"root",[50,59,74,81,95,110,115,121,126,178,184,189,253,259,333,339,344,423,429,434,472,478,672,678,865,871],{"type":51,"tag":52,"props":53,"children":55},"element","h1",{"id":54},"migrating-to-react-native",[56],{"type":57,"value":58},"text","Migrating to React Native",{"type":51,"tag":60,"props":61,"children":62},"p",{},[63,65,72],{"type":57,"value":64},"Use this skill only after the decision to adopt brownfield migration has been made. When the user is still choosing between brownfield, greenfield, a checkpoint-based path, defer, or no migration, use ",{"type":51,"tag":66,"props":67,"children":69},"a",{"href":68},"..\u002Fassess-react-native-migration\u002FSKILL.md",[70],{"type":57,"value":71},"assess-react-native-migration",{"type":57,"value":73}," first.",{"type":51,"tag":75,"props":76,"children":78},"h2",{"id":77},"overview",[79],{"type":57,"value":80},"Overview",{"type":51,"tag":60,"props":82,"children":83},{},[84,86,93],{"type":57,"value":85},"Prescriptive workflow for incremental adoption of React Native in existing native apps using ",{"type":51,"tag":87,"props":88,"children":90},"code",{"className":89},[],[91],{"type":57,"value":92},"@callstack\u002Freact-native-brownfield",{"type":57,"value":94},", from initial setup through phased host integration.",{"type":51,"tag":96,"props":97,"children":98},"ul",{},[99,105],{"type":51,"tag":100,"props":101,"children":102},"li",{},[103],{"type":57,"value":104},"Expo track",{"type":51,"tag":100,"props":106,"children":107},{},[108],{"type":57,"value":109},"Bare React Native track",{"type":51,"tag":60,"props":111,"children":112},{},[113],{"type":57,"value":114},"Use one track per task unless the user explicitly asks for migration or comparison.",{"type":51,"tag":75,"props":116,"children":118},{"id":117},"migration-strategy",[119],{"type":57,"value":120},"Migration Strategy",{"type":51,"tag":60,"props":122,"children":123},{},[124],{"type":57,"value":125},"Use this strategy for brownfield migration planning and execution:",{"type":51,"tag":127,"props":128,"children":129},"ol",{},[130,135,147,168,173],{"type":51,"tag":100,"props":131,"children":132},{},[133],{"type":57,"value":134},"Assess app state and select Expo or bare path.",{"type":51,"tag":100,"props":136,"children":137},{},[138,140,145],{"type":57,"value":139},"Perform initial setup with ",{"type":51,"tag":87,"props":141,"children":143},{"className":142},[],[144],{"type":57,"value":92},{"type":57,"value":146},".",{"type":51,"tag":100,"props":148,"children":149},{},[150,152,158,160,166],{"type":57,"value":151},"Package RN artifacts (",{"type":51,"tag":87,"props":153,"children":155},{"className":154},[],[156],{"type":57,"value":157},"XCFramework",{"type":57,"value":159},"\u002F",{"type":51,"tag":87,"props":161,"children":163},{"className":162},[],[164],{"type":57,"value":165},"AAR",{"type":57,"value":167},") from the RN source app.",{"type":51,"tag":100,"props":169,"children":170},{},[171],{"type":57,"value":172},"Integrate one RN surface into the host app and validate startup\u002Fruntime.",{"type":51,"tag":100,"props":174,"children":175},{},[176],{"type":57,"value":177},"Repeat integration by feature\u002Fscreen for incremental rollout.",{"type":51,"tag":75,"props":179,"children":181},{"id":180},"agent-guardrails-global",[182],{"type":57,"value":183},"Agent Guardrails (Global)",{"type":51,"tag":60,"props":185,"children":186},{},[187],{"type":57,"value":188},"Apply these rules across all reference files:",{"type":51,"tag":127,"props":190,"children":191},{},[192,197,225,230,235,240],{"type":51,"tag":100,"props":193,"children":194},{},[195],{"type":57,"value":196},"Select one path first (Expo or bare) and do not mix steps.",{"type":51,"tag":100,"props":198,"children":199},{},[200,202,208,210,216,217,223],{"type":57,"value":201},"Use placeholders from the docs (",{"type":51,"tag":87,"props":203,"children":205},{"className":204},[],[206],{"type":57,"value":207},"\u003Cframework_target_name>",{"type":57,"value":209},", ",{"type":51,"tag":87,"props":211,"children":213},{"className":212},[],[214],{"type":57,"value":215},"\u003Candroid_module_name>",{"type":57,"value":209},{"type":51,"tag":87,"props":218,"children":220},{"className":219},[],[221],{"type":57,"value":222},"\u003Cregistered_module_name>",{"type":57,"value":224},") and resolve from project files.",{"type":51,"tag":100,"props":226,"children":227},{},[228],{"type":57,"value":229},"Validate each packaging command before moving to host integration.",{"type":51,"tag":100,"props":231,"children":232},{},[233],{"type":57,"value":234},"Prefer official docs for long platform snippets and CLI option details.",{"type":51,"tag":100,"props":236,"children":237},{},[238],{"type":57,"value":239},"Keep host apps isolated from direct React Native APIs when possible (facade approach).",{"type":51,"tag":100,"props":241,"children":242},{},[243,245,251],{"type":57,"value":244},"For startup\u002Fruntime verification, use ",{"type":51,"tag":87,"props":246,"children":248},{"className":247},[],[249],{"type":57,"value":250},"agent-device",{"type":57,"value":252}," to open the host app, navigate to the RN surface, capture snapshots\u002Fscreenshots, and collect device evidence. If it is missing and verification needs it, install it through the environment's approved\u002Ftrusted path or ask the user to install or enable it.",{"type":51,"tag":75,"props":254,"children":256},{"id":255},"canonical-docs",[257],{"type":57,"value":258},"Canonical Docs",{"type":51,"tag":96,"props":260,"children":261},{},[262,273,283,293,303,313,323],{"type":51,"tag":100,"props":263,"children":264},{},[265],{"type":51,"tag":66,"props":266,"children":270},{"href":267,"rel":268},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fquick-start.md",[269],"nofollow",[271],{"type":57,"value":272},"Quick Start",{"type":51,"tag":100,"props":274,"children":275},{},[276],{"type":51,"tag":66,"props":277,"children":280},{"href":278,"rel":279},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fexpo.md",[269],[281],{"type":57,"value":282},"Expo Integration",{"type":51,"tag":100,"props":284,"children":285},{},[286],{"type":51,"tag":66,"props":287,"children":290},{"href":288,"rel":289},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fios.md",[269],[291],{"type":57,"value":292},"iOS Integration",{"type":51,"tag":100,"props":294,"children":295},{},[296],{"type":51,"tag":66,"props":297,"children":300},{"href":298,"rel":299},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fgetting-started\u002Fandroid.md",[269],[301],{"type":57,"value":302},"Android Integration",{"type":51,"tag":100,"props":304,"children":305},{},[306],{"type":51,"tag":66,"props":307,"children":310},{"href":308,"rel":309},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fcli\u002Fbrownfield.md",[269],[311],{"type":57,"value":312},"Brownfield CLI",{"type":51,"tag":100,"props":314,"children":315},{},[316],{"type":51,"tag":66,"props":317,"children":320},{"href":318,"rel":319},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fguides\u002Fguidelines.md",[269],[321],{"type":57,"value":322},"Guidelines",{"type":51,"tag":100,"props":324,"children":325},{},[326],{"type":51,"tag":66,"props":327,"children":330},{"href":328,"rel":329},"https:\u002F\u002Foss.callstack.com\u002Freact-native-brownfield\u002Fdocs\u002Fguides\u002Ftroubleshooting.md",[269],[331],{"type":57,"value":332},"Troubleshooting",{"type":51,"tag":75,"props":334,"children":336},{"id":335},"path-selection-gate-must-run-first",[337],{"type":57,"value":338},"Path Selection Gate (Must Run First)",{"type":51,"tag":60,"props":340,"children":341},{},[342],{"type":57,"value":343},"Before selecting any reference file, classify the project:",{"type":51,"tag":127,"props":345,"children":346},{},[347,372,413,418],{"type":51,"tag":100,"props":348,"children":349},{},[350,352],{"type":57,"value":351},"If no React Native app exists yet, use Expo creation path:\n",{"type":51,"tag":96,"props":353,"children":354},{},[355],{"type":51,"tag":100,"props":356,"children":357},{},[358,364,366],{"type":51,"tag":66,"props":359,"children":361},{"href":360},"references\u002Fexpo-create-app.md",[362],{"type":57,"value":363},"expo-create-app.md",{"type":57,"value":365}," -> ",{"type":51,"tag":66,"props":367,"children":369},{"href":368},"references\u002Fexpo-quick-start.md",[370],{"type":57,"value":371},"expo-quick-start.md",{"type":51,"tag":100,"props":373,"children":374},{},[375,377,383,385,391,393],{"type":57,"value":376},"If React Native app exists, inspect ",{"type":51,"tag":87,"props":378,"children":380},{"className":379},[],[381],{"type":57,"value":382},"package.json",{"type":57,"value":384}," and ",{"type":51,"tag":87,"props":386,"children":388},{"className":387},[],[389],{"type":57,"value":390},"app.json",{"type":57,"value":392},":\n",{"type":51,"tag":96,"props":394,"children":395},{},[396,408],{"type":51,"tag":100,"props":397,"children":398},{},[399,401,406],{"type":57,"value":400},"Expo if ",{"type":51,"tag":87,"props":402,"children":404},{"className":403},[],[405],{"type":57,"value":22},{"type":57,"value":407}," is present or Expo plugin workflow is requested.",{"type":51,"tag":100,"props":409,"children":410},{},[411],{"type":57,"value":412},"Bare RN if native folders and direct RN CLI workflow are used without Expo path requirements.",{"type":51,"tag":100,"props":414,"children":415},{},[416],{"type":57,"value":417},"If still unclear, ask one disambiguation question.",{"type":51,"tag":100,"props":419,"children":420},{},[421],{"type":57,"value":422},"Continue with exactly one path.",{"type":51,"tag":75,"props":424,"children":426},{"id":425},"when-to-apply",[427],{"type":57,"value":428},"When to Apply",{"type":51,"tag":60,"props":430,"children":431},{},[432],{"type":57,"value":433},"Reference this package when:",{"type":51,"tag":96,"props":435,"children":436},{},[437,442,447,457,462,467],{"type":51,"tag":100,"props":438,"children":439},{},[440],{"type":57,"value":441},"Implementing an accepted incremental migration from native-only apps to React Native or Expo",{"type":51,"tag":100,"props":443,"children":444},{},[445],{"type":57,"value":446},"Creating brownfield integration flows for Expo or bare React Native projects",{"type":51,"tag":100,"props":448,"children":449},{},[450,452],{"type":57,"value":451},"Performing initial setup with ",{"type":51,"tag":87,"props":453,"children":455},{"className":454},[],[456],{"type":57,"value":92},{"type":51,"tag":100,"props":458,"children":459},{},[460],{"type":57,"value":461},"Generating iOS XCFramework artifacts from a React Native app",{"type":51,"tag":100,"props":463,"children":464},{},[465],{"type":57,"value":466},"Generating and publishing Android AAR artifacts from a React Native app",{"type":51,"tag":100,"props":468,"children":469},{},[470],{"type":57,"value":471},"Integrating generated artifacts into host iOS\u002FAndroid apps",{"type":51,"tag":75,"props":473,"children":475},{"id":474},"quick-reference",[476],{"type":57,"value":477},"Quick Reference",{"type":51,"tag":479,"props":480,"children":481},"table",{},[482,501],{"type":51,"tag":483,"props":484,"children":485},"thead",{},[486],{"type":51,"tag":487,"props":488,"children":489},"tr",{},[490,496],{"type":51,"tag":491,"props":492,"children":493},"th",{},[494],{"type":57,"value":495},"File",{"type":51,"tag":491,"props":497,"children":498},{},[499],{"type":57,"value":500},"Description",{"type":51,"tag":502,"props":503,"children":504},"tbody",{},[505,523,538,553,570,587,604,621,638,655],{"type":51,"tag":487,"props":506,"children":507},{},[508,518],{"type":51,"tag":509,"props":510,"children":511},"td",{},[512],{"type":51,"tag":66,"props":513,"children":515},{"href":514},"references\u002Fquick-start.md",[516],{"type":57,"value":517},"quick-start.md",{"type":51,"tag":509,"props":519,"children":520},{},[521],{"type":57,"value":522},"Shared preflight and mandatory path-selection gate",{"type":51,"tag":487,"props":524,"children":525},{},[526,533],{"type":51,"tag":509,"props":527,"children":528},{},[529],{"type":51,"tag":66,"props":530,"children":531},{"href":360},[532],{"type":57,"value":363},{"type":51,"tag":509,"props":534,"children":535},{},[536],{"type":57,"value":537},"Scaffold a new Expo app before Expo brownfield setup",{"type":51,"tag":487,"props":539,"children":540},{},[541,548],{"type":51,"tag":509,"props":542,"children":543},{},[544],{"type":51,"tag":66,"props":545,"children":546},{"href":368},[547],{"type":57,"value":371},{"type":51,"tag":509,"props":549,"children":550},{},[551],{"type":57,"value":552},"Expo plugin setup and packaging readiness",{"type":51,"tag":487,"props":554,"children":555},{},[556,565],{"type":51,"tag":509,"props":557,"children":558},{},[559],{"type":51,"tag":66,"props":560,"children":562},{"href":561},"references\u002Fexpo-ios-integration.md",[563],{"type":57,"value":564},"expo-ios-integration.md",{"type":51,"tag":509,"props":566,"children":567},{},[568],{"type":57,"value":569},"Expo iOS packaging and host startup integration",{"type":51,"tag":487,"props":571,"children":572},{},[573,582],{"type":51,"tag":509,"props":574,"children":575},{},[576],{"type":51,"tag":66,"props":577,"children":579},{"href":578},"references\u002Fexpo-android-integration.md",[580],{"type":57,"value":581},"expo-android-integration.md",{"type":51,"tag":509,"props":583,"children":584},{},[585],{"type":57,"value":586},"Expo Android packaging, publish, and host integration",{"type":51,"tag":487,"props":588,"children":589},{},[590,599],{"type":51,"tag":509,"props":591,"children":592},{},[593],{"type":51,"tag":66,"props":594,"children":596},{"href":595},"references\u002Fbare-quick-start.md",[597],{"type":57,"value":598},"bare-quick-start.md",{"type":51,"tag":509,"props":600,"children":601},{},[602],{"type":57,"value":603},"Bare React Native baseline setup",{"type":51,"tag":487,"props":605,"children":606},{},[607,616],{"type":51,"tag":509,"props":608,"children":609},{},[610],{"type":51,"tag":66,"props":611,"children":613},{"href":612},"references\u002Fbare-ios-xcframework-generation.md",[614],{"type":57,"value":615},"bare-ios-xcframework-generation.md",{"type":51,"tag":509,"props":617,"children":618},{},[619],{"type":57,"value":620},"Bare iOS XCFramework generation",{"type":51,"tag":487,"props":622,"children":623},{},[624,633],{"type":51,"tag":509,"props":625,"children":626},{},[627],{"type":51,"tag":66,"props":628,"children":630},{"href":629},"references\u002Fbare-android-aar-generation.md",[631],{"type":57,"value":632},"bare-android-aar-generation.md",{"type":51,"tag":509,"props":634,"children":635},{},[636],{"type":57,"value":637},"Bare Android AAR generation and publish",{"type":51,"tag":487,"props":639,"children":640},{},[641,650],{"type":51,"tag":509,"props":642,"children":643},{},[644],{"type":51,"tag":66,"props":645,"children":647},{"href":646},"references\u002Fbare-ios-native-integration.md",[648],{"type":57,"value":649},"bare-ios-native-integration.md",{"type":51,"tag":509,"props":651,"children":652},{},[653],{"type":57,"value":654},"Bare iOS host integration",{"type":51,"tag":487,"props":656,"children":657},{},[658,667],{"type":51,"tag":509,"props":659,"children":660},{},[661],{"type":51,"tag":66,"props":662,"children":664},{"href":663},"references\u002Fbare-android-native-integration.md",[665],{"type":57,"value":666},"bare-android-native-integration.md",{"type":51,"tag":509,"props":668,"children":669},{},[670],{"type":57,"value":671},"Bare Android host integration",{"type":51,"tag":75,"props":673,"children":675},{"id":674},"problem-skill-mapping",[676],{"type":57,"value":677},"Problem -> Skill Mapping",{"type":51,"tag":479,"props":679,"children":680},{},[681,697],{"type":51,"tag":483,"props":682,"children":683},{},[684],{"type":51,"tag":487,"props":685,"children":686},{},[687,692],{"type":51,"tag":491,"props":688,"children":689},{},[690],{"type":57,"value":691},"Problem",{"type":51,"tag":491,"props":693,"children":694},{},[695],{"type":57,"value":696},"Start With",{"type":51,"tag":502,"props":698,"children":699},{},[700,715,730,745,760,775,790,805,820,835,850],{"type":51,"tag":487,"props":701,"children":702},{},[703,708],{"type":51,"tag":509,"props":704,"children":705},{},[706],{"type":57,"value":707},"Need migration path decision first",{"type":51,"tag":509,"props":709,"children":710},{},[711],{"type":51,"tag":66,"props":712,"children":713},{"href":68},[714],{"type":57,"value":71},{"type":51,"tag":487,"props":716,"children":717},{},[718,723],{"type":51,"tag":509,"props":719,"children":720},{},[721],{"type":57,"value":722},"Need Expo vs bare path decision",{"type":51,"tag":509,"props":724,"children":725},{},[726],{"type":51,"tag":66,"props":727,"children":728},{"href":514},[729],{"type":57,"value":517},{"type":51,"tag":487,"props":731,"children":732},{},[733,738],{"type":51,"tag":509,"props":734,"children":735},{},[736],{"type":57,"value":737},"Need to create a new Expo app for brownfield",{"type":51,"tag":509,"props":739,"children":740},{},[741],{"type":51,"tag":66,"props":742,"children":743},{"href":360},[744],{"type":57,"value":363},{"type":51,"tag":487,"props":746,"children":747},{},[748,753],{"type":51,"tag":509,"props":749,"children":750},{},[751],{"type":57,"value":752},"Need Expo brownfield setup and plugin wiring",{"type":51,"tag":509,"props":754,"children":755},{},[756],{"type":51,"tag":66,"props":757,"children":758},{"href":368},[759],{"type":57,"value":371},{"type":51,"tag":487,"props":761,"children":762},{},[763,768],{"type":51,"tag":509,"props":764,"children":765},{},[766],{"type":57,"value":767},"Need Expo iOS brownfield integration",{"type":51,"tag":509,"props":769,"children":770},{},[771],{"type":51,"tag":66,"props":772,"children":773},{"href":561},[774],{"type":57,"value":564},{"type":51,"tag":487,"props":776,"children":777},{},[778,783],{"type":51,"tag":509,"props":779,"children":780},{},[781],{"type":57,"value":782},"Need Expo Android brownfield integration",{"type":51,"tag":509,"props":784,"children":785},{},[786],{"type":51,"tag":66,"props":787,"children":788},{"href":578},[789],{"type":57,"value":581},{"type":51,"tag":487,"props":791,"children":792},{},[793,798],{"type":51,"tag":509,"props":794,"children":795},{},[796],{"type":57,"value":797},"Need bare RN baseline setup",{"type":51,"tag":509,"props":799,"children":800},{},[801],{"type":51,"tag":66,"props":802,"children":803},{"href":595},[804],{"type":57,"value":598},{"type":51,"tag":487,"props":806,"children":807},{},[808,813],{"type":51,"tag":509,"props":809,"children":810},{},[811],{"type":57,"value":812},"Need bare RN iOS XCFramework generation",{"type":51,"tag":509,"props":814,"children":815},{},[816],{"type":51,"tag":66,"props":817,"children":818},{"href":612},[819],{"type":57,"value":615},{"type":51,"tag":487,"props":821,"children":822},{},[823,828],{"type":51,"tag":509,"props":824,"children":825},{},[826],{"type":57,"value":827},"Need bare RN Android AAR generation\u002Fpublish",{"type":51,"tag":509,"props":829,"children":830},{},[831],{"type":51,"tag":66,"props":832,"children":833},{"href":629},[834],{"type":57,"value":632},{"type":51,"tag":487,"props":836,"children":837},{},[838,843],{"type":51,"tag":509,"props":839,"children":840},{},[841],{"type":57,"value":842},"Need bare RN iOS host integration",{"type":51,"tag":509,"props":844,"children":845},{},[846],{"type":51,"tag":66,"props":847,"children":848},{"href":646},[849],{"type":57,"value":649},{"type":51,"tag":487,"props":851,"children":852},{},[853,858],{"type":51,"tag":509,"props":854,"children":855},{},[856],{"type":57,"value":857},"Need bare RN Android host integration",{"type":51,"tag":509,"props":859,"children":860},{},[861],{"type":51,"tag":66,"props":862,"children":863},{"href":663},[864],{"type":57,"value":666},{"type":51,"tag":75,"props":866,"children":868},{"id":867},"related-skills",[869],{"type":57,"value":870},"Related Skills",{"type":51,"tag":96,"props":872,"children":873},{},[874],{"type":51,"tag":100,"props":875,"children":876},{},[877,882],{"type":51,"tag":66,"props":878,"children":879},{"href":68},[880],{"type":57,"value":881},"Assess React Native migration",{"type":57,"value":883}," before selecting the migration path.",{"items":885,"total":981},[886,897,909,927,941,953,962],{"slug":71,"name":71,"fn":887,"description":888,"org":889,"tags":890,"stars":32,"repoUrl":33,"updatedAt":896},"assess mobile product React Native migration","Assesses whether and how an existing mobile product should migrate to React Native. Use when auditing one or more product repositories for migration readiness, including products whose iOS, Android, and other clients live in separate directories or repositories; choosing brownfield, greenfield, or a checkpoint-based path; defining a representative trial; or preparing a baseline and ROI decision before implementation. When product scope or material evidence is unavailable, grills the stakeholder with exactly one question per turn instead of sending a questionnaire.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[891,892,893,894,895],{"name":18,"slug":19,"type":16},{"name":24,"slug":25,"type":16},{"name":30,"slug":31,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},"2026-07-11T05:40:57.94641",{"slug":898,"name":898,"fn":899,"description":900,"org":901,"tags":902,"stars":32,"repoUrl":33,"updatedAt":908},"create-react-native-library","scaffold React Native libraries","Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Use when creating or working on React Native libraries or adding native functionality in an existing app.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[903,906,907],{"name":904,"slug":905,"type":16},"Engineering","engineering",{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},"2026-06-26T07:57:53.098041",{"slug":910,"name":910,"fn":911,"description":912,"org":913,"tags":914,"stars":32,"repoUrl":33,"updatedAt":926},"github","manage GitHub PRs with gh CLI","GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[915,918,921,923],{"name":916,"slug":917,"type":16},"CLI","cli",{"name":919,"slug":920,"type":16},"Code Review","code-review",{"name":922,"slug":910,"type":16},"GitHub",{"name":924,"slug":925,"type":16},"Pull Requests","pull-requests","2026-04-06T18:06:37.430056",{"slug":928,"name":928,"fn":929,"description":930,"org":931,"tags":932,"stars":32,"repoUrl":33,"updatedAt":940},"github-actions","build React Native apps in GitHub Actions","GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[933,936,938,939],{"name":934,"slug":935,"type":16},"CI\u002FCD","cicd",{"name":937,"slug":928,"type":16},"GitHub Actions",{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},"2026-04-06T18:06:38.661459",{"slug":942,"name":942,"fn":943,"description":944,"org":945,"tags":946,"stars":32,"repoUrl":33,"updatedAt":952},"react-native-best-practices","optimize React Native app performance","Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[947,948,951],{"name":27,"slug":28,"type":16},{"name":949,"slug":950,"type":16},"Performance","performance",{"name":14,"slug":15,"type":16},"2026-04-06T18:06:41.158478",{"slug":4,"name":4,"fn":5,"description":6,"org":954,"tags":955,"stars":32,"repoUrl":33,"updatedAt":34},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[956,957,958,959,960,961],{"name":18,"slug":19,"type":16},{"name":21,"slug":22,"type":16},{"name":24,"slug":25,"type":16},{"name":30,"slug":31,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":963,"name":963,"fn":964,"description":965,"org":966,"tags":967,"stars":32,"repoUrl":33,"updatedAt":980},"react-native-tv-best-practices","review React Native TV application quality","Reviews React Native TV apps for focus\u002FD-pad navigation, 10-foot UI layout, TV playback\u002FDRM integration, low-memory TV performance, and TV accessibility. Use when building, debugging, or reviewing react-native-tvos, Expo TV, Amazon Vega\u002FKepler, or React Native web TV targets where the issue depends on remote input, TV focus, TV packaging, TV hardware, or TV playback constraints.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[968,971,974,975,976,977],{"name":969,"slug":970,"type":16},"Accessibility","accessibility",{"name":972,"slug":973,"type":16},"Frontend","frontend",{"name":27,"slug":28,"type":16},{"name":949,"slug":950,"type":16},{"name":14,"slug":15,"type":16},{"name":978,"slug":979,"type":16},"UI Components","ui-components","2026-06-28T08:04:16.29881",9,{"items":983,"total":1108},[984,992,998,1005,1012,1018,1027,1036,1051,1063,1080,1094],{"slug":71,"name":71,"fn":887,"description":888,"org":985,"tags":986,"stars":32,"repoUrl":33,"updatedAt":896},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[987,988,989,990,991],{"name":18,"slug":19,"type":16},{"name":24,"slug":25,"type":16},{"name":30,"slug":31,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":898,"name":898,"fn":899,"description":900,"org":993,"tags":994,"stars":32,"repoUrl":33,"updatedAt":908},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[995,996,997],{"name":904,"slug":905,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":910,"name":910,"fn":911,"description":912,"org":999,"tags":1000,"stars":32,"repoUrl":33,"updatedAt":926},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1001,1002,1003,1004],{"name":916,"slug":917,"type":16},{"name":919,"slug":920,"type":16},{"name":922,"slug":910,"type":16},{"name":924,"slug":925,"type":16},{"slug":928,"name":928,"fn":929,"description":930,"org":1006,"tags":1007,"stars":32,"repoUrl":33,"updatedAt":940},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1008,1009,1010,1011],{"name":934,"slug":935,"type":16},{"name":937,"slug":928,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":942,"name":942,"fn":943,"description":944,"org":1013,"tags":1014,"stars":32,"repoUrl":33,"updatedAt":952},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1015,1016,1017],{"name":27,"slug":28,"type":16},{"name":949,"slug":950,"type":16},{"name":14,"slug":15,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":1019,"tags":1020,"stars":32,"repoUrl":33,"updatedAt":34},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1021,1022,1023,1024,1025,1026],{"name":18,"slug":19,"type":16},{"name":21,"slug":22,"type":16},{"name":24,"slug":25,"type":16},{"name":30,"slug":31,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},{"slug":963,"name":963,"fn":964,"description":965,"org":1028,"tags":1029,"stars":32,"repoUrl":33,"updatedAt":980},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1030,1031,1032,1033,1034,1035],{"name":969,"slug":970,"type":16},{"name":972,"slug":973,"type":16},{"name":27,"slug":28,"type":16},{"name":949,"slug":950,"type":16},{"name":14,"slug":15,"type":16},{"name":978,"slug":979,"type":16},{"slug":1037,"name":1037,"fn":1038,"description":1039,"org":1040,"tags":1041,"stars":32,"repoUrl":33,"updatedAt":1050},"react-navigation","configure React Navigation UI patterns","Provides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigation, configuring headers, bottom sheets or handling safe areas and insets.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1042,1043,1044,1047],{"name":972,"slug":973,"type":16},{"name":27,"slug":28,"type":16},{"name":1045,"slug":1046,"type":16},"Navigation","navigation",{"name":1048,"slug":1049,"type":16},"React","react","2026-06-26T07:57:54.478042",{"slug":1052,"name":1052,"fn":1053,"description":1054,"org":1055,"tags":1056,"stars":32,"repoUrl":33,"updatedAt":1062},"upgrading-react-native","upgrade React Native apps","Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1057,1058,1059,1060,1061],{"name":18,"slug":19,"type":16},{"name":24,"slug":25,"type":16},{"name":30,"slug":31,"type":16},{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},"2026-04-06T18:06:39.914409",{"slug":1064,"name":1064,"fn":1065,"description":1066,"org":1067,"tags":1068,"stars":1077,"repoUrl":1078,"updatedAt":1079},"react-native-ai-skills","integrate on-device AI in React Native","Provides integration recipes for the React Native AI @react-native-ai packages that wrap the Llama.rn (Llama.cpp), MLC-LLM, Apple Foundation backends. Use when integrating local on-device AI in React Native, setting up providers, model management.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1069,1072,1075,1076],{"name":1070,"slug":1071,"type":16},"AI Infrastructure","ai-infrastructure",{"name":1073,"slug":1074,"type":16},"LLM","llm",{"name":27,"slug":28,"type":16},{"name":14,"slug":15,"type":16},1371,"https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Fai","2026-04-06T18:06:48.66379",{"slug":1081,"name":1081,"fn":1082,"description":1083,"org":1084,"tags":1085,"stars":1091,"repoUrl":1092,"updatedAt":1093},"voltra","build Voltra iOS widgets and charts","Build, review, refactor, configure, or debug Voltra code using Voltra JSX, Voltra JS APIs, the Expo config plugin, and the Voltra CLI. Use when the user asks about charts, Live Activities, Dynamic Island UI, iOS widgets, scheduled widgets, Android widgets, ongoing notifications, image handling, app.json plugin config, React Native CLI setup, or Voltra push update flows.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1086,1087,1088,1089],{"name":21,"slug":22,"type":16},{"name":24,"slug":25,"type":16},{"name":27,"slug":28,"type":16},{"name":1090,"slug":1081,"type":16},"Voltra",787,"https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Fvoltra","2026-04-06T18:06:47.399012",{"slug":1095,"name":1095,"fn":1096,"description":1097,"org":1098,"tags":1099,"stars":1105,"repoUrl":1106,"updatedAt":1107},"rozenite-agent","use Rozenite plugins for React Native devtools","Use Rozenite for Agents through CLI-driven `rozenite agent` commands to inspect React Native DevTools data and Rozenite plugins on a live app target. Trigger this skill for shell-based debugging and live session work. For Node.js or TypeScript scripts, wrappers, automations, or other programmatic SDK usage, use `rozenite-agent-sdk` instead.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[1100,1101,1104],{"name":27,"slug":28,"type":16},{"name":1102,"slug":1103,"type":16},"Plugin Development","plugin-development",{"name":14,"slug":15,"type":16},633,"https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Frozenite","2026-07-31T05:52:54.56302",15]