back
loading skill details...
Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing…
Physical iPhone (kind: "device"): Metro debugging and profiling tools reject it. Use a simulator. 1. Starting the React Native App 1.1 Explore Configuration (MANDATORY — Do This First) Before running commands, read the project's build and run configuration from the argent-environment-inspector subagent result. Do NOT default to npx react-native start or npx react-native run-ios without first checking for custom scripts and workflows. Manual fallback (if neither the agent nor the tool is available): read ALL package.json scripts — look for custom scripts like start:local, start:dev, ios, build:ios, flavors, etc. Custom scripts take priority over default commands. Also check metro.config.js for non-default port or watchFolders. For iOS builds, prefer opening .xcworkspace over .xcodeproj (CocoaPods generates the workspace). If the project structure is convoluted, ask the user before proceeding. Remember the workflow: Once you discover the project's build/run workflow, save it to project memory so you don't need to re-discover it each time. Checklist before start:
don't have the plugin yet? install it then click "run inline in claude" again.