Iphone Duo Design

Design, build, lint and review iOS apps for iPhone Duo, Apple's foldable iPhone. Use when adapting SwiftUI or UIKit layouts for the outer and inner displays, size classes, vertical (side) bars, the fold and reserved regions, split views, ArrangementView, sheets, Split View multitasking, games, the hinge, camera direction, multiple windows, Live Activities, Liquid Glass on iOS 27, App Store screenshots and the optimized-for-iPhone-Duo badge, or when reviewing or testing an app on iPhone Duo.

6 starsMobile Development

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Belweave/iphone-duo-design --skill iphone-duo-design

Manual install

git clone --depth 1 https://github.com/Belweave/iphone-duo-design.git /tmp/iphone-duo-design
mkdir -p ~/.claude/skills
cp -r /tmp/iphone-duo-design/. ~/.claude/skills/iphone-duo-design

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# iPhone Duo design toolkit

This skill helps you make iOS apps feel native on iPhone Duo, across the compact **outer** display (closed), the large **inner** display (open), every pose, and Split View multitasking. Device facts come only from Apple's pages; see `references/sources.md`. Never invent API names, SDK versions, tools or dimensions. If Apple doesn't document something, say so. belweave's own layout practice is `references/fold-aware-layout.md`. It is separate from those pages, and it adds no fact Apple hasn't published.

## Route the task

| The user wants to… | Do this |
|---|---|
| Understand the rules | Read the principles below, then `references/hig-summary.md`. belweave's layout practice is `references/fold-aware-layout.md` |
| Find the exact API for something | `references/api-index.md`. Only name APIs listed there |
| Scan a Swift project for problems | Run `scripts/duo-lint <paths>` (Python 3 stdlib). Add `--format json` for machine output and `--list-rules` for the rules. Confirm each finding by reading the code |
| Write new SwiftUI or UIKit code | Start from `templates/` (see the table below) |
| Migrate an existing app | Follow `references/migration-guide.md` step by step |
| Check size-class branches in Xcode previews | `templates/swiftui/DuoPreviewMatrix.swift` |
| Eyeball a screenshot with fold, side-control, Split View and arrangement overlays | Open `tools/duo-preview.html` in a browser (offline, no dependencies) |

Read the full skill on GitHub

Details

Skill name: iphone-duo-design
Repository: Belweave/iphone-duo-design
License: MIT
Repo updated: 28 October 2026

FAQ

What does the Iphone Duo Design skill do?

How do I install the Iphone Duo Design skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Belweave/iphone-duo-design --skill iphone-duo-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Iphone Duo Design popular?

It lives in Belweave/iphone-duo-design, which has 6 GitHub stars and 0 forks.

Related skills

Apple Hig

ebuntario/apple-hig

Design and build interfaces that follow Apple's Human Interface Guidelines for iOS, iPadOS, macOS, watchOS, tvOS, and visionOS. TRIGGER on: "iOS app", "iPadOS", "macOS", "watchOS", "tvOS", "visionOS", "SwiftUI", "UIKit", "AppKit", "HIG", "Apple design", "iPhone UI", "Mac app", "Apple Watch app", "Vision Pro", "SF Symbols", "Dynamic Type", "Dark Mode", "Liquid Glass", or any request to build, mock, or review a user interface meant to ship on an Apple platform — even when "HIG" is not said. Also trigger on web or Figma mockups that the user explicitly wants to feel native to Apple. Always run Ph

Mobile Development

Mimic

khimaros/mimic

Drive an android device from a shell with the `mimic` cli -- read the on-screen accessibility tree (filtered/queried on-device to stay small) and tap, swipe, click, type, scroll, and navigate. Use for ui automation on a connected/termux android device. Covers setup, every subcommand, and how to keep agent context small.

Mobile Development

Android Kmp Development

ronyaburaihan/android-kmp-development

Android and Kotlin Multiplatform app engineering. Use when developing, debugging, reviewing, testing, refactoring, upgrading, or releasing an Android, Jetpack Compose, Compose Multiplatform, or KMP mobile app — including Koin, Ktor client, Room, DataStore, coroutines/Flow, iOS interop, and Play/App Store release work. Not for server-side Kotlin (Ktor server, Spring) or Kotlin that targets no Android or KMP app.

Mobile Development

Mobile Design

RubenGlez/mobile-design

Designs, implements, and reviews professional mobile UI for React Native and Expo, with platform-aware design and review guidance for iOS and Android. Use when the task involves mobile screens, components, navigation, visual direction, design systems, accessibility, gestures, haptics, animations, typography, color, dark mode, safe areas, adaptive windows, localization, platform conventions, App Store or Play-quality polish, iOS HIG, Material Design, Expo Router, React Navigation, Reanimated, Gesture Handler, or mobile UX critique.

Mobile Development

IOS Protocol Capture

profitpioneer/iphone-protocol-sniffer

Use when the user wants to reverse-engineer how an iOS app talks to an external device — BLE pairing flow, WiFi commands, private protocols, the actual bytes on the wire. Captures iPhone HCI traffic (decrypted) via `idevicebtlogger` and WiFi traffic via `rvictl` + `tcpdump`, parses with `tshark`, decodes PTP-IP and Sony private opcodes. Trigger whenever the user mentions sniffing/capturing/decoding traffic between an iPhone and a Bluetooth or WiFi device (cameras, smart locks, IoT, fitness equipment, car infotainment, smart home), debugging a private protocol, looking at HCI/ATT/SMP logs, comp

Mobile Development

Store Ready

Medlzd/store-ready

Audits a mobile app before App Store or Google Play submission. Use when the user mentions publishing or submitting an app, App Store Connect, Play Console, TestFlight, rejection, metadata, signing.

Mobile Development

Browse the most popular Claude skills, all mobile development skills, or write your own with the skills generator.