Expo Brownfield Integration
mweinbach/agent-coworker
Helps add Expo and React Native to an existing native iOS or Android app, and choose between a prebuilt AAR or XCFramework and a fully integrated build.
Adapt a React Native or Expo app to iPhone Duo, Apple's first foldable iPhone — asymmetric safe area insets, resize handling, and how to expose the iOS 27.1 reserved-region and hinge APIs through a…
Install Iphone Duo React Native
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-native --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/iphone-duo-react-native .claude/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .claude/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-nativeType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-native --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/iphone-duo-react-native .agents/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .agents/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-native --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/iphone-duo-react-native .cursor/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .cursor/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mirzaaghazadeh/iphone-duo-skills.git --path skills/iphone-duo-react-native--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-native --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/iphone-duo-react-native .gemini/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .gemini/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-nativeInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/iphone-duo-react-native .github/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .github/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-react-native --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mirzaaghazadeh/iphone-duo-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/iphone-duo-react-native .opencode/skills/iphone-duo-react-native && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "iphone-duo-react-native" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-react-native into .opencode/skills/iphone-duo-react-native/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-react-native", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
iphone-duo-react-native- GitHub stars
- 142
- Token cost
- ~1.5k tokens
- SKILL.md length
- 819 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Adapt a React Native or Expo app to iPhone Duo, Apple's first foldable iPhone — asymmetric safe area insets, resize handling, and how to expose the iOS 27.1 reserved-region and hinge APIs through a…
- Works in 5 steps: Swap any Dimensions.get() for… → Swap core SafeAreaView for… → Replace platform/orientation branching… → …
- JS-based iOS app needs foldable iPhone support
- SKILL.md covers Tier 1 — works today, no…, Tier 2 — needs a native module and What to do, in order
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Iphone Duo React Native is an agent skill from mirzaaghazadeh/iphone-duo-skills. Adapt a React Native or Expo app to iPhone Duo, Apple's first foldable iPhone — asymmetric safe area insets, resize handling, and how to expose the iOS 27.1 reserved-region and hinge APIs through a native module. Use when a React Native, Expo or JS-based iOS app needs foldable iPhone support.
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile, covering Cross-platform mobile apps and iOS development. It works with React Native, iOS and Expo. The repository describes itself as: Agent skills for building iOS apps on iPhone Duo, Apple's first foldable iPhone — adaptive layout, vertical bars, hinge & scenes, camera, and design review.
When your agent uses it
- JS-based iOS app needs foldable iPhone support
- Tasks that involve Cross-platform mobile apps
- Tasks that involve iOS development
Example prompts
- “/iphone-duo-react-native”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Swap any Dimensions.get() for useWindowDimensions().
- Swap core SafeAreaView for useSafeAreaInsets(), and audit every inset
- Replace platform/orientation branching with width breakpoints.
- Add a wide-layout path so the inner display earns its size.
- Only then write the native module, and only if fold awareness genuinely
What it can do on your machine
Read from SKILL.md and the folder at commit f4ae144. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
github.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Iphone Duo React Native loads about 1.5k tokens when it runs. Until then it costs about 79 tokens; SKILL.md has 819 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 819 words (~1,468 tokens).
“React Native has no fold or hinge API. There is no useDisplayFeatures, no hinge event, nothing that tells JavaScript the device is folded. As of this writing no React Native or Expo release has shipped iPhone Duo support.”
- name
- iphone-duo-react-native
Files
Just SKILL.md in skills/iphone-duo-react-native of mirzaaghazadeh/iphone-duo-skills.
Open the folder on GitHubat commit f4ae144
Compare with similar skills
Iphone Duo React Native next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Iphone Duo React Native this skillmirzaaghazadeh/iphone-duo-skills | 142 | — | ~1.5k | Automated safety check: Pass | Custom licence | |
| Expo Brownfield Integrationmweinbach/agent-coworker | 156 | 2 repos | ~900 | Automated safety check: Notes | Custom licence | |
| Expo UIarcboxlabs/linkcode | 156 | — | ~1.2k | Automated safety check: Pass | MIT | |
| React Native Healthkit Contributingkingstinct/react-native-healthkit | 716 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Web To Mobilesuntay44/web-to-mobile-magic-plugin | 107 | — | ~781 | Automated safety check: Pass | MIT | |
| Mobile Devcallstackincubator/codex-mobile-dev-plugin | 144 | — | ~5.5k | Automated safety check: Pass | None |
Similar skills
Expo UI
arcboxlabs/linkcode
Framework (OSS). An agent skill from arcboxlabs/linkcode.
React Native Healthkit Contributing
kingstinct/react-native-healthkit
How to change the react-native-healthkit monorepo itself (packages/core, packages/react-native-healthkit, packages/health-records, apps/example).
Web To Mobile
suntay44/web-to-mobile-magic-plugin
Orchestrate website or web app conversion into a mobile app.
- Official
Mobile Dev
callstackincubator/codex-mobile-dev-plugin
A skill your agent uses when building, running, changing, or debugging local iOS, Android, Expo, React Native, or SwiftUI apps.
React Native Expert
Jeffallan/claude-skills
Builds React Native and Expo apps for iOS and Android: Expo Router navigation, FlatList tuning, platform-specific code and build error recovery.
More from mirzaaghazadeh/iphone-duo-skills
All 11 skills in this repoIphone Duo Adaptive Layout
mirzaaghazadeh/iphone-duo-skills
Build layouts that adapt to the iPhone Duo fold using reserved regions, division and occlusion regions, displacement patterns, and the split and overlay ArrangementView containers.
Iphone Duo Camera
mirzaaghazadeh/iphone-duo-skills
Build camera capture for iPhone Duo's two front cameras — the virtual front camera, the inner under-display and outer ultra-wide devices, AVCaptureDeviceDirectionCoordinator, preview mirroring and…
Iphone Duo Capacitor
mirzaaghazadeh/iphone-duo-skills
Adapt a Capacitor or Ionic app to iPhone Duo, Apple's first foldable iPhone — why the standard Device Posture and Viewport Segments CSS does not reach a web view, what CSS gives you today, and how…
Iphone Duo Dual Pane Patterns
mirzaaghazadeh/iphone-duo-skills
Design and build two-pane experiences for iPhone Duo — the real pixel and point dimensions of each display and each half, the exact hinge callback types (onHingeChange / UIHingeInteraction)…
Iphone Duo Vertical Bars
mirzaaghazadeh/iphone-duo-skills
Adapt toolbars, navigation bars and tab bars for the vertical axis on iPhone Duo — item ordering, symbol vs text representations, AxisBehavior, overflow menus, visibility priority, and when to opt…
Iphone Duo Readiness
mirzaaghazadeh/iphone-duo-skills
Audit and port an iOS app to iPhone Duo, Apple's first foldable iPhone.
Related
Works with
Categories
Questions about Iphone Duo React Native
What does Iphone Duo React Native do?
Adapt a React Native or Expo app to iPhone Duo, Apple's first foldable iPhone — asymmetric safe area insets, resize handling, and how to expose the iOS 27.1 reserved-region and hinge APIs through a…. Iphone Duo React Native is an agent skill from mirzaaghazadeh/iphone-duo-skills.1 reserved-region and hinge APIs through a native module.
When should I use Iphone Duo React Native?
Iphone Duo React Native fits situations like: JS-based iOS app needs foldable iPhone support; tasks that involve Cross-platform mobile apps; tasks that involve iOS development.
How do I install Iphone Duo React Native in Claude Code?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a claude-code`. Or copy the skill folder (skills/iphone-duo-react-native in mirzaaghazadeh/iphone-duo-skills) into .claude/skills/iphone-duo-react-native in your project. Claude Code loads it when a task matches its description.
How do I install Iphone Duo React Native in Codex?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a codex`. Or copy the skill folder (skills/iphone-duo-react-native in mirzaaghazadeh/iphone-duo-skills) into .agents/skills/iphone-duo-react-native in your project. Codex loads it when a task matches its description.
Can I use Iphone Duo React Native in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-react-native -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/iphone-duo-react-native, .gemini/skills/iphone-duo-react-native, .github/skills/iphone-duo-react-native and .opencode/skills/iphone-duo-react-native in your project.
What does Iphone Duo React Native need to run?
SKILL.md names no scripts, command-line tools or credentials: Iphone Duo React Native is instructions for the agent only.
Does Iphone Duo React Native access the network?
SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.
Is Iphone Duo React Native safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Iphone Duo React Native use?
Iphone Duo React Native has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Iphone Duo React Native use?
About 1.5k tokens (SKILL.md is roughly 5.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Iphone Duo React Native?
Skills that share tags, products or a category with Iphone Duo React Native: Expo Brownfield Integration (mweinbach/agent-coworker, 156 stars), Expo UI (arcboxlabs/linkcode, 156 stars), React Native Healthkit Contributing (kingstinct/react-native-healthkit, 716 stars) and Web To Mobile (suntay44/web-to-mobile-magic-plugin, 107 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Iphone Duo React Native?
mirzaaghazadeh (a GitHub user) maintains it in mirzaaghazadeh/iphone-duo-skills, which has 142 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 7, 2026.
Source: mirzaaghazadeh/iphone-duo-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.