Ionic Framework
LeoYeAI/openclaw-master-skills
Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue…
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…
Install Iphone Duo Capacitor
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-capacitor -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-capacitor --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-capacitor .claude/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .claude/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitorType 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-capacitor -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-capacitor --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-capacitor .agents/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .agents/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitor -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-capacitor --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-capacitor .cursor/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .cursor/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitor--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-capacitor -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-capacitor --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-capacitor .gemini/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .gemini/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitorInstalls 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-capacitor -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-capacitor .github/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .github/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitor -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-capacitor --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-capacitor .opencode/skills/iphone-duo-capacitor && 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-capacitor" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-capacitor into .opencode/skills/iphone-duo-capacitor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-capacitor", 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-capacitor- GitHub stars
- 149
- Token cost
- ~1.5k tokens
- SKILL.md length
- 834 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
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…
- Works in 5 steps: Audit every safe-area expression for… → Stop caching sizes, and branch on the… → Give the wide display a real layout… → …
- Vue app needs foldable iPhone support
- SKILL.md covers Tier 1 — works today, no…, Tier 2 — needs the native side and What to do, in order
- Calls npm and npx
What it does
Iphone Duo Capacitor is an agent skill from 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 to get fold state, hinge angle and bar placement from the native side. Use when a Capacitor, Ionic, Angular, React or Vue 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 Ionic, Angular, React and Vue.js. 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
- Vue app needs foldable iPhone support
- Tasks that involve Cross-platform mobile apps
- Tasks that involve iOS development
Example prompts
- “/iphone-duo-capacitor”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Audit every safe-area expression for assumed symmetry. Most bugs die here.
- Stop caching sizes, and branch on the size you were handed.
- Give the wide display a real layout rather than a stretched phone one.
- Add the plugin, and feature-detect the standard APIs so the same build still
- Only then reach for hinge angle effects, which are the smallest part of a
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
Shell commands in SKILL.md call:
npmnpx
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 Capacitor loads about 1.5k tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 834 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 834 words (~1,540 tokens).
“Start here, because it is the thing that will waste your afternoon otherwise:”
- name
- iphone-duo-capacitor
Files
Just SKILL.md in skills/iphone-duo-capacitor of mirzaaghazadeh/iphone-duo-skills.
Open the folder on GitHubat commit f4ae144
Compare with similar skills
Iphone Duo Capacitor 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 Capacitor this skillmirzaaghazadeh/iphone-duo-skills | 149 | — | ~1.5k | Automated safety check: Pass | Custom licence | |
| Ionic FrameworkLeoYeAI/openclaw-master-skills | 2.2k | — | ~5.5k | Automated safety check: Pass | MIT | |
| Cometchatcometchat/cometchat-skills | 132 | — | ~2.9k | Automated safety check: Pass | MIT | |
| Screenmapaleqsio/screenmap | 244 | — | ~7.2k | Automated safety check: Pass | MIT | |
| Stream Docsadrianhajdin/react-native-lingua | 152 | — | ~6.6k | Automated safety check: Pass | None | |
| Lunora Realtimeanolilab/lunora | 284 | — | ~2.7k | Automated safety check: Pass | Custom licence |
Similar skills
Cometchat
cometchat/cometchat-skills
Entry point for any CometChat task on any platform. An agent skill from cometchat/cometchat-skills.
Screenmap
aleqsio/screenmap
Generate a visual navigation map of an Expo / React Native or NativeScript app.
Stream Docs
adrianhajdin/react-native-lingua
Search live Stream SDK documentation for Chat, Video, Feeds, and Moderation.
Lunora Realtime
anolilab/lunora
Wires Lunora's live data into a client app. An agent skill from anolilab/lunora.
Stream
adrianhajdin/react-native-lingua
Stream router for Chat, Video, Feeds, and Moderation. An agent skill from adrianhajdin/react-native-lingua.
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 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 React Native
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…
Iphone Duo Readiness
mirzaaghazadeh/iphone-duo-skills
Audit and port an iOS app to iPhone Duo, Apple's first foldable iPhone.
Iphone Duo Design Review
mirzaaghazadeh/iphone-duo-skills
Review or design an iOS interface for iPhone Duo's poses — closed, open, book-folded, tabletop and tent — covering side-mounted controls, asymmetric layouts, fold avoidance, sheets, and how to use…
Related
Categories
Questions about Iphone Duo Capacitor
What does Iphone Duo Capacitor do?
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 Capacitor is an agent skill from 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 to get fold state, hinge angle and bar placement from the native side.
When should I use Iphone Duo Capacitor?
Iphone Duo Capacitor fits situations like: vue app needs foldable iPhone support; tasks that involve Cross-platform mobile apps; tasks that involve iOS development.
How do I install Iphone Duo Capacitor in Claude Code?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-capacitor -a claude-code`. Or copy the skill folder (skills/iphone-duo-capacitor in mirzaaghazadeh/iphone-duo-skills) into .claude/skills/iphone-duo-capacitor in your project. Claude Code loads it when a task matches its description.
How do I install Iphone Duo Capacitor in Codex?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-capacitor -a codex`. Or copy the skill folder (skills/iphone-duo-capacitor in mirzaaghazadeh/iphone-duo-skills) into .agents/skills/iphone-duo-capacitor in your project. Codex loads it when a task matches its description.
Can I use Iphone Duo Capacitor 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-capacitor -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-capacitor, .gemini/skills/iphone-duo-capacitor, .github/skills/iphone-duo-capacitor and .opencode/skills/iphone-duo-capacitor in your project.
What does Iphone Duo Capacitor need to run?
Going by SKILL.md and its folder, Iphone Duo Capacitor needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.
Does Iphone Duo Capacitor 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 Capacitor 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 Capacitor use?
Iphone Duo Capacitor 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 Capacitor use?
About 1.5k tokens (SKILL.md is roughly 6.2k 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 Capacitor?
Skills that share tags, products or a category with Iphone Duo Capacitor: Ionic Framework (LeoYeAI/openclaw-master-skills, 2.2k stars), Cometchat (cometchat/cometchat-skills, 132 stars), Screenmap (aleqsio/screenmap, 244 stars) and Stream Docs (adrianhajdin/react-native-lingua, 152 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Iphone Duo Capacitor?
mirzaaghazadeh (a GitHub user) maintains it in mirzaaghazadeh/iphone-duo-skills, which has 149 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.