Ipados Design Guidelines
ehmo/platform-design-skills
Apple Human Interface Guidelines for iPad. An agent skill from ehmo/platform-design-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.
Install Iphone Duo Adaptive Layout
$ npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-adaptive-layout -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-adaptive-layout --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-adaptive-layout .claude/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .claude/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layoutType 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-adaptive-layout -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-adaptive-layout --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-adaptive-layout .agents/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .agents/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layout -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-adaptive-layout --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-adaptive-layout .cursor/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .cursor/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layout--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-adaptive-layout -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mirzaaghazadeh/iphone-duo-skills iphone-duo-adaptive-layout --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-adaptive-layout .gemini/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .gemini/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layoutInstalls 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-adaptive-layout -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-adaptive-layout .github/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .github/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layout -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-adaptive-layout --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-adaptive-layout .opencode/skills/iphone-duo-adaptive-layout && 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-adaptive-layout" agent skill from https://github.com/mirzaaghazadeh/iphone-duo-skills/tree/main/skills/iphone-duo-adaptive-layout into .opencode/skills/iphone-duo-adaptive-layout/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "iphone-duo-adaptive-layout", 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-adaptive-layout- GitHub stars
- 149
- Token cost
- ~2.8k tokens
- SKILL.md length
- 1,610 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
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.
- Works in 4 steps: Audit centered layouts. Would a… → Prefer system containers and… → Where the app has a custom horizontal… → …
- Controls land in the fold
- SKILL.md covers Reserved regions, Displacement: the design pattern, Containers that adapt for free and Arrangements, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Iphone Duo Adaptive Layout is an agent skill from 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. Use when content or controls land in the fold, when building a split-like or overlay layout, or when custom manually-positioned UI must avoid the hinge or the under-display camera.
Its SKILL.md is about 2.8k 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 Responsive design and iOS development. It works with iOS. 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
- Controls land in the fold
- Building a split-like
- Custom manually-positioned UI must avoid the hinge
- The under-display camera
Example prompts
- “/iphone-duo-adaptive-layout”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Audit centered layouts. Would a two-column layout be better? If not, which
- Prefer system containers and presentations — most adaptation is free.
- Where the app has a custom horizontal split or overlay, replace it with
- Only then, for the highest-priority manually positioned controls, adopt the
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 swift).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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 Adaptive Layout loads about 2.8k tokens when it runs. Until then it costs about 97 tokens; SKILL.md has 1,610 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 1,610 words (~2,805 tokens).
“When iPhone Duo is partially folded the inner display curves through the middle. Anything sitting in that curve gets harder to read and much harder to tap. The same thing happens to a photo printed across the spine of a…”
- name
- iphone-duo-adaptive-layout
Files
Just SKILL.md in skills/iphone-duo-adaptive-layout of mirzaaghazadeh/iphone-duo-skills.
Open the folder on GitHubat commit f4ae144
Compare with similar skills
Iphone Duo Adaptive Layout 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 Adaptive Layout this skillmirzaaghazadeh/iphone-duo-skills | 149 | — | ~2.8k | Automated safety check: Pass | Custom licence | |
| Ipados Design Guidelinesehmo/platform-design-skills | 606 | — | ~6.4k | Automated safety check: Pass | MIT | |
| Hig Project Contextraintree-technology/hig-doctor | 144 | 5 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Hig Components Contentraintree-technology/hig-doctor | 144 | 5 repos | ~1.3k | Automated safety check: Pass | MIT | |
| iOS Design Guidelinesehmo/platform-design-skills | 606 | — | ~9k | Automated safety check: Pass | MIT | |
| Aipay Frontend ThemeOpenAIPay/openaipay | 129 | — | ~386 | Automated safety check: Pass | None |
Similar skills
Hig Project Context
raintree-technology/hig-doctor
Create or update a shared Apple design context document that other HIG skills use to tailor guidance.
Hig Components Content
raintree-technology/hig-doctor
Apple Human Interface Guidelines for content display components.
iOS Design Guidelines
ehmo/platform-design-skills
Apple Human Interface Guidelines for iPhone. An agent skill from ehmo/platform-design-skills.
Aipay Frontend Theme
OpenAIPay/openaipay
A skill your agent uses when changing AiPay iOS frontend color style, replacing blue UI to purple, updating screenshot-based Reference pages, or enforcing component theme consistency across parallel…
iOS Accessibility
dpearson2699/swift-ios-skills
Build and audit SwiftUI, UIKit, and AppKit accessibility for VoiceOver, Voice Control, Switch Control, Full Keyboard Access, Dynamic Type, focus restoration, labels/traits/actions, traversal, custom…
More from mirzaaghazadeh/iphone-duo-skills
All 11 skills in this repoIphone 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 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
Works with
Categories
Questions about Iphone Duo Adaptive Layout
What does Iphone Duo Adaptive Layout do?
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 Adaptive Layout is an agent skill from 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.
When should I use Iphone Duo Adaptive Layout?
Iphone Duo Adaptive Layout fits situations like: controls land in the fold; building a split-like; custom manually-positioned UI must avoid the hinge; the under-display camera.
How do I install Iphone Duo Adaptive Layout in Claude Code?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-adaptive-layout -a claude-code`. Or copy the skill folder (skills/iphone-duo-adaptive-layout in mirzaaghazadeh/iphone-duo-skills) into .claude/skills/iphone-duo-adaptive-layout in your project. Claude Code loads it when a task matches its description.
How do I install Iphone Duo Adaptive Layout in Codex?
Run `npx skills add mirzaaghazadeh/iphone-duo-skills --skill iphone-duo-adaptive-layout -a codex`. Or copy the skill folder (skills/iphone-duo-adaptive-layout in mirzaaghazadeh/iphone-duo-skills) into .agents/skills/iphone-duo-adaptive-layout in your project. Codex loads it when a task matches its description.
Can I use Iphone Duo Adaptive Layout 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-adaptive-layout -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-adaptive-layout, .gemini/skills/iphone-duo-adaptive-layout, .github/skills/iphone-duo-adaptive-layout and .opencode/skills/iphone-duo-adaptive-layout in your project.
What does Iphone Duo Adaptive Layout need to run?
SKILL.md names no scripts, command-line tools or credentials: Iphone Duo Adaptive Layout is instructions for the agent only.
Does Iphone Duo Adaptive Layout access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Iphone Duo Adaptive Layout 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 Adaptive Layout use?
Iphone Duo Adaptive Layout 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 Adaptive Layout use?
About 2.8k tokens (SKILL.md is roughly 11k 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 Adaptive Layout?
Skills that share tags, products or a category with Iphone Duo Adaptive Layout: Ipados Design Guidelines (ehmo/platform-design-skills, 606 stars), Hig Project Context (raintree-technology/hig-doctor, 144 stars), Hig Components Content (raintree-technology/hig-doctor, 144 stars) and iOS Design Guidelines (ehmo/platform-design-skills, 606 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Iphone Duo Adaptive Layout?
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.