幫你把 App 適配到摺疊螢幕的 MCP 伺服器、智慧體技能、庫和示例程式碼，涵蓋佈局、介面、動畫和轉軸。每一個都由編輯讀過並寫了簡介，附上安裝方法。
共 90 個工具，來自 82 位作者。最後核對於 10月8日。 自己做了一個？把連結發給我們。
顯示 90 個
通過 Model Context Protocol（MCP）讓程式設計智慧體操作模擬器，包括摺疊。
MCP 伺服器編輯精選
Software MansionGitHubApache-2.0
Software Mansion's MCP server hands a coding agent the simulator: taps, screenshots, logs and profiling. Its fold tool moves the Duo simulator's hinge to closed, half-open, open or any angle, and every other tool follows the lit display.
npx @swmansion/argent@latest init測試 · 轉軸
MCP 伺服器
Mobile NextGitHubApache-2.0
Mobile Next's MCP server lets a coding agent drive iOS and Android simulators, emulators and phones. Its fold tool folds and unfolds the Duo simulator and Android foldables, so the agent can check both displays.
claude mcp add mobile-mcp -- npx -y @mobilenext/mobile-mcp@latest測試 · 轉軸
MCP 伺服器實用工具
VibeViewvibeview.io
Apple's Duo simulator streamed from VibeView's Macs to a browser tab: fold it with one click or drag to any hinge angle. Its CLI and MCP server give a coding agent the same posture control. Paid, with a small free tier.
程式設計智慧體載入後用來適配 App 的說明和參考資料，適用於 Claude Code、Codex、Cursor 等。
智慧體技能編輯精選
Sven-Eric MolzahnGitHubMIT
API names read from the iOS 27.1 SDK's interface files, code samples type-checked against it, and sizes measured in the Duo simulator. In the README's test, the same model passed 98% of checks on three Duo tasks with the skill and 53% without.
佈局 · 介面元件
智慧體技能編輯精選
NavidGitHub
Eleven skills: a readiness audit, the fold and reserved regions, vertical bars, the hinge and scenes, the cameras, design review and games, plus one each for Flutter, React Native and Capacitor apps. Rechecked against Apple's API reference.
npx skills add mirzaaghazadeh/iphone-duo-skills佈局 · 介面元件 · 轉軸
智慧體技能
Nan WuGitHubMIT
Nan Wu's skill for Codex and similar agents audits SwiftUI and UIKit screens, then designs, builds and checks layouts for the cover, the open display and partial folds, keeping work clear of the fold and in place as the phone opens. README in four languages.
佈局 · 介面元件 · 測試
智慧體技能
farmerwuGitHub
A design reviewer based on Apple's guidelines that works for Flutter, React Native, Electron and Tauri as well as native apps. Its Duo mode walks the cover, the open display, a partial fold and Split View, and flags bars and dialogs an app draws itself.
npx skills add dickwu/apple-design-skill介面元件 · 佈局
智慧體技能
Daniel James TroncaGitHubMIT
Daniel James Tronca's skill, built from Apple's six Duo talks, the lab transcripts and the Xcode 27.1 SDK. It helps an agent prepare, build and review Duo apps: resizing, layouts beside the fold, side bars, multiple windows and the cameras.
npx skills add DanielJamesTronca/apple-iphone-duo-skill -g佈局 · 介面元件
智慧體技能
Alex PritsertGitHubMIT
Alex Pritsert's Claude skill on Apple's design guidelines and the thinking behind them. Version 2.0 adds a full Duo reference: displays, poses, side controls, the fold, Split View and a 14-point review checklist.
npx apple-hig介面元件 · 佈局
智慧體技能MCP 伺服器
Charles WiltgenGitHubMIT
A large set of skills and agents for Apple platforms, as a Claude Code plugin or over MCP. Its iPhone Duo skill covers poses, vertical bars, the fold, arrangements, the hinge and scene accessories, and a resize auditor checks layouts.
/plugin marketplace add CharlesWiltgen/Axiom佈局 · 介面元件 · 轉軸
智慧體技能
Florian SchweizerGitHubMIT
Florian Schweizer's SwiftUI skill pack. Its swiftui-iphone-duo skill adapts apps for the Duo: layouts sized by the window, side bars, content kept off the fold, two-pane layouts, hinge interactions and camera screens.
npx skills add FloWritesCode/fwc-swiftui-skills --skill swiftui-iphone-duo佈局 · 介面元件 · 轉軸
智慧體技能
Justin WetchGitHub
Justin Wetch's Apple design guidelines skill, updated with Apple's Duo page. Its /duo command looks at an existing app's screens, matches them to Apple's Duo advice, proposes changes for you to approve, then builds them in SwiftUI or UIKit.
佈局 · 介面元件
智慧體技能
staticdreamsGitHub
A skill for moving an existing SwiftUI or UIKit app to the Duo without breaking iPhone, iPad or Mac. It never checks for the Duo by name: each Duo behaviour hangs on a feature that is simply absent elsewhere. With an audit checklist.
佈局 · 介面元件
智慧體技能
Erik Sebastián de Erice JerezGitHubMIT
A skill for SwiftUI, UIKit and mixed apps, built from Apple's documentation. It helps an agent review an app, plan the move to the Duo, and redo navigation, toolbars and layouts, then lists what to test when the phone resizes and folds.
npx skills add Erikote04/iphone-duo-skill --skill iphone-duo-skill佈局 · 介面元件 · 測試
智慧體技能
Aleksei KakoulinGitHubMIT
Five skills that measure the project, check what the installed SDK compiles, then propose a plan in tiers, each item citing the Tech Talk timestamp or document it comes from. Code changes wait for your approval.
npx skills add https://github.com/alexey1312/iPhone-Duo-Agent-Skill佈局 · 介面元件 · 轉軸
智慧體技能
Tudor TurcanuGitHubMIT
Tudor Turcanu's skill for Antigravity, Claude Code and other agents. It audits code that fights resizing, swaps hand-built bars for system ones that move aside on the Duo, and uses the real Duo features for the fold, hinge and cameras.
npx skills add tudorturcanu/iphone-duo-skill佈局 · 介面元件
智慧體技能
kaisGitHub
One rules file the agent applies as it writes code and when you ask for a review: size classes over orientation, controls off the hinge, system bars that turn vertical. Reviews come back as file, line, problem and fix.
npx skills add kaissaroj/iphone-duo-skills佈局 · 介面元件
智慧體技能
Nitin AlaburGitHubMIT
Nitin Alabur's skill and plugin first checks which installed Xcode can build the Duo features, then suggests two-pane layouts for an app's main tasks, guides the changes, and ends with a pose-by-pose test sheet that notes what wasn't checked.
codex plugin marketplace add nitinalabur/iphone-duo-migration --ref v0.1.2佈局 · 測試
智慧體技能
Anatolii KantGitHubMIT
Anatolii Kant's plugin for Claude Code and Codex has three parts: a skill for adapting Swift apps, a readiness audit that ranks problems by file and line without editing code, and a design review of Figma or Sketch mockups against the Duo rules.
npx skills add anatoliykant/iphone-duo-plugin佈局 · 介面元件 · 樣機
智慧體技能
nilsalbGitHub
A one-shot prompt to paste into a coding agent. It moves bars to the Duo's side bar, shows two columns when the phone is open, leaves other iPhones alone, and lists the dead ends to skip and a checklist with screenshots of each display.
佈局 · 介面元件 · 測試
智慧體技能
Sviatoslav KliuchevGitHub
Reviews SwiftUI and UIKit layouts for what breaks when the window changes size: sizing from the screen, iPad checks, fixed text heights, overlapping controls, missing scrolling and wrong safe areas.
npx iphone-duo-readiness佈局 · 測試
智慧體技能
Daiki MatsudateGitHubMIT
A Claude Code skill built from Apple's six Duo Tech Talks, the HIG, the API docs and both Duo Group Labs, with a dated changelog of what it corrected. References for layout, scenes and the hinge, the cameras, and a checklist up to App Store submission.
npx skills add d-date/iphone-duo-skill佈局 · 轉軸
智慧體技能
Fernando BunnGitHubMIT
SwiftUI and UIKit guidance with a sourced developer guide and small Swift API probes. It has the agent check every Duo API against the installed SDK, and says how it fits beside the skills Xcode 27.1 ships.
npx skills add Bunn/iphone-duo-skill --skill iphone-duo佈局 · 介面元件 · 轉軸
智慧體技能
Peter KrassayGitHubMIT
Peter Krassay's skill covers only what is new on the Duo: the side bar, the fold, the hinge, content on the outer display, the two front cameras and testing poses in the simulator. General resizing is left to Apple's own skill in Xcode.
git clone https://github.com/farkasseb/iphone-duo-skill ~/.claude/skills/iphone-duo佈局 · 轉軸 · 測試
智慧體技能
Jimmy ParkGitHubMIT
About design more than APIs: one adaptive app that holds together in every pose, with layout that follows the space it gets and the hinge used only where it adds something. Read me in English, Spanish and Korean.
佈局
智慧體技能
Mahdi SalmanzadeGitHubMIT
Has the agent learn the app's structure and flows first, then change it and report evidence from builds and simulator runs. Covers SwiftUI, UIKit, React Native, Expo, Flutter and web wrappers.
npx skills add mahdi-salmanzade/iphone-duo-skill --skill iphone-duo佈局 · 測試
智慧體技能
Zach ColemanGitHub
Zach Coleman's skill for building layouts that adapt to the Duo's displays and the hinge, with notes on driving the Duo simulator: folding it and getting touches to the inner screen.
佈局 · 轉軸 · 測試
智慧體技能
hechenGitHubMIT
Eight skills for SwiftUI, UIKit and AVFoundation apps. One entry point sets the Xcode 27.1 baseline and hands off to readiness, design, layout, toolbars, scenes, camera and a pose-by-pose test plan.
npx skills add hechen/iphone-duo-skills --skill '*'佈局 · 介面元件 · 測試
智慧體技能
Egor MerkushevGitHubMIT
Egor Merkushev's Codex plugin finds the right SwiftUI example in Artem Novichkov's iPhone Duo by Examples and applies it to your screen, from hinge changes to keeping a draft in place when the phone is set down half-folded.
佈局 · 轉軸
智慧體技能
Erkam YamanGitHubMIT
For Capacitor and Ionic apps: keeping web content out of the crease with CSS variables, two-pane layouts, the hinge angle and posture, and the vertical tab bar, all through the capacitor-foldable plugin.
npx skills add erkamyaman/iphone-duo-capacitor-skills@capacitor-foldable佈局 · 轉軸
智慧體技能
Himanshu KushwahGitHubMIT
Himanshu Kushwah's skill walks an agent through readying any iOS app for the Duo, including React Native, Flutter, Unity and Capacitor ones. It checks the layout habits that break when the phone opens, and gives an honest route for stacks Apple doesn't cover.
佈局 · 介面元件
智慧體技能
Mark ZimmermannGitHub
Mark Zimmermann's Claude skill, in German, for checking a Duo screen, Figma frame or concept: sizes in points, poses, the fold and camera areas, side bars and the hinge, with API names checked against the 27.1 SDK and Apple's open questions marked.
介面元件 · 樣機
智慧體技能
AuspexGitHubMIT
A SwiftUI skill measured with its own lab app: two ways to arrange the open display, what each kind of toolbar control does in the vertical bar, and turning or folding without a flash. A stopwatch sample shows it all.
智慧體技能
Matt BirchlerGitHubMIT
Audits an iOS app against Apple's Duo requirements, fixes what it finds and checks the result in the Duo simulator. A script downloads Apple's documentation, so the agent reads real signatures instead of guessing.
git clone https://github.com/mattbirchler/iphone-duo-skill ~/.claude/skills/iphone-duo佈局 · 測試
智慧體技能
Hideo EndoGitHubMIT
Hideo Endo's Claude skill treats the Duo as an iPhone whose window changes size a lot: make layouts resizable first, then handle uneven safe areas, side bars and the fold. Also covers Xcode 27.1 setup and App Store timing. English and Japanese.
佈局 · 介面元件
智慧體技能
PursuitliGitHubMIT
Fits an existing app to every pose (closed, open upright, open on its side) with sizes measured pixel by pixel while shipping a mail app, and the traps it hit along the way. SwiftUI and web or Capacitor apps; also a Claude Code plugin.
npx skills add Pursuitli/iphone-duo-skills佈局 · 介面元件
智慧體技能
bones7456GitHubMIT
A Claude Code and Codex plugin drawn from adapting a shipping SwiftUI app. It scans for risky code, lists layout traps on the open display with tested fixes, boots the Duo simulator to screenshot the right display, and covers App Store screenshots.
/plugin marketplace add bones7456/iphone-duo-skill佈局 · 測試
智慧體技能
Moein SaboohiGitHub
A design skill. Attach a screenshot of your app and the agent rebuilds it as closed and open Duo layouts with the navigation down the side, delivered as two PNGs and an interactive 3D preview in one HTML file.
介面元件 · 樣機
智慧體技能
MickyGitHubMIT
Checks which Duo APIs the installed SDK has, then audits: a script runs 21 checks for patterns that break on the Duo and fails when it finds one, so it can run in CI. Read me in English and Chinese.
npx skills add aprilelevengo/iPhoneDuoSkill佈局 · 測試
智慧體技能
Vincent T.GitHubMIT
Redesigns the screens you name for the Duo, following Apple's Design for iPhone Duo talk, and returns a short summary with an HTML prototype to open. A starting point for design, not production code.
介面元件 · 樣機
智慧體技能
Antoine van der LeeGitHubMIT
A general SwiftUI skill with a Duo reference: choosing a large-display technique by screen structure, the two displays, fold regions, the hinge and scene accessories.
npx skills add https://github.com/avdlee/swiftui-agent-skill --skill swiftui-expert-skill佈局 · 介面元件 · 轉軸
智慧體技能
Paul HudsonGitHubMIT
Paul Hudson's SwiftUI skill. Its resizability rules cover the Duo: size classes rather than idiom or orientation, the short outer display, system bars that move to the side, and toolbarVerticalEdge for custom controls.
npx skills add https://github.com/twostraws/swiftui-agent-skill --skill swiftui-pro佈局 · 介面元件
智慧體技能
KratagyaGitHubMIT
Kratagya's Claude Code plugin runs a team of agents over a phone-only Flutter app: it audits every screen, makes each fill a foldable or tablet, gives it a wide layout, and moves back buttons and tabs into the Duo's side strip. Each design call is logged.
claude plugin marketplace add https://github.com/kratagyaagarwaldots/unfold.git佈局 · 介面元件
把摺痕、轉軸和欄的位置交給你的程式碼，或者提供跟著它們調整的元件。
庫
Erkam YamanGitHubMIT
Fold state, posture, hinge angle, size classes and bar placement for Capacitor apps, plus a polyfill for the Device Posture and Viewport Segments web APIs. Its author's Hinge Guess game is built on it.
npm install @erkamyaman/capacitor-foldable轉軸 · 佈局
庫
CapgoGitHubMPL-2.0
Native tab bars for Capacitor apps. On the Duo the system bar becomes a side rail, closed or open, and a curved bar keeps its round cradle around the center button as the phone unfolds.
npm install @capgo/capacitor-native-navigation庫
LeanCodeGitHubApache-2.0
Works out where the system keeps room in a Flutter window (the bar strip, the fold, the cameras) and places your widgets around it: a scaffold, a split view that keeps both panes' state, and a tool that fakes a fold on any device.
flutter pub add duo_kit庫
Jason O'GradyGitHubMIT
A hinge you can drive without a Duo: a simulated hinge with angle and speed, a drag pad and slider for testers, and a modifier that takes the real angle on the device. Taken from the Hingy app.
.package(url: "https://github.com/jasonogrady/duo-hinge", from: "0.1.0")轉軸 · 動畫 · 測試
庫
Aziz BechaGitHubMIT
An Expo module for the hinge posture, the angle as it moves and where the fold crosses the window, on iPhone Duo and Android foldables, with React hooks on top.
npx expo install expo-foldables庫
Berkay ÇatakGitHubMIT
Brings the Duo's hinge angle, posture and the fold and camera regions to Flutter over a platform channel, since Flutter leaves displayFeatures empty on iOS. adaptive_platform_ui builds on it to move bars to the side.
flutter pub add foldable轉軸 · 佈局
庫
Bruno Cesar de Marqui de AndradeGitHub
Bruno Cesar de Marqui de Andrade's drop-in fix for Google's AdMob on the open Duo, where full-screen ads freeze, the timer stalls and the close button never appears. One Swift file, with a write-up of what goes wrong.
介面元件
庫
szymdzieGitHubMIT
Flutter widgets fed by a native bridge: the fold as a DisplayFeature, reserved regions, the vertical bar's edge, two-pane layouts and grids lined up with the fold. A companion package uses the system's Liquid Glass bars.
flutter pub add iphone_duo_ui_pro佈局 · 介面元件
庫
Léo NatanGitHubMIT
The pop-up bar and full-screen player of Apple Music and Podcasts, for any app. It supports the Duo from 4.5.12 when built with the iOS 27.1 SDK; LNPopupUI brings it to SwiftUI.
.package(url: "https://github.com/LeoNatan/LNPopupController.git", from: "4.0.0")庫
Sambulo SendaGitHubMIT
Sambulo Senda's React Native library gives two panes around the hinge when the Duo is open and one on the cover when closed, using Apple's own layout engine, plus a hook for the live hinge angle. Other platforms show the main pane.
yarn add react-native-adaptive-layout佈局 · 轉軸
庫
CAWRESTLERGitHubMIT
A React Native and Expo module that brings the Duo's native pieces to JavaScript: two-pane layouts, the side toolbar, hinge angle, fold and camera areas, and the inner and outer cameras. Android foldables and older iPhones get fallbacks.
npm install @cawrestler/react-native-duo佈局 · 介面元件 · 轉軸
庫智慧體技能
garrettmacGitHubMIT
A React Native and Expo package for the Duo, Android foldables and iPad: bars on the side, panes and sheets that follow the pose, the fold and cameras kept clear, and test poses. One command also writes its rules into Claude Code, Codex and Cursor.
npx expo install @garrettmacmac/react-native-duo佈局 · 介面元件 · 測試
庫
Gautham VijayanGitHubMIT
Size class, safe insets and fold geometry for React Native on iOS and Android, through Nitro modules. The README checks it in all six Duo poses in the simulator.
yarn add react-native-nitro-hinge react-native-nitro-modules用來摺疊模擬器、檢查佈局和製作樣機的工具。
實用工具智慧體技能編輯精選
Artem NovichkovGitHubMIT
Sets the Duo simulator's hinge angle from the command line, which simctl can't: hinge 120, or a sweep from open to closed over two seconds. It also ships as an agent skill, so Claude Code or Codex can fold the simulator while testing.
brew install artemnovichkov/tap/hinge轉軸 · 測試
實用工具
tddworksGitHubApache-2.0
Headless simulator control: taps, gestures, screenshots and 60 fps streams. baguette hinge folds the Duo to a pose or an angle, taps and screenshots follow the lit display, and its web page draws the Duo in 3D, posed live.
brew install baguette測試 · 轉軸
實用工具
Zihan HuangGitHub
A browser studio around a 3D Duo you can pose, rotate and fold to any angle. Put your designs on either display and export a transparent PNG; images never leave the browser.
樣機
實用工具
Lizhuo Huangiduo.clothpath.comMIT
A free web tool that puts your screenshots or a live website on a 3D Duo in six poses and exports PNG mockups or MP4, WebM and GIF folding animations. Screenshots stay in your browser; the code is on GitHub.
實用工具智慧體技能
Metehan YildirimGitHubMIT
Metehan Yildirim's linter reads Swift code and flags layouts that break on the Duo's two displays and the fold, like fixed screen sizes and hand-built toolbars. Runs on its own or as a GitHub Action, and ships the same rules as an agent skill.
uses: klavyeesir/duo-kit@v0.3.0佈局 · 測試
實用工具智慧體技能
Karolina SamorekGitHubMIT
Karolina Samorek's command-line tool folds, opens, rotates and taps the Duo simulator, including the inner screen, takes screenshots of whichever screen is lit, and reports the hinge angle. Built for scripts, CI and coding agents, with a skill.
brew install skarol/tap/duoctl測試 · 轉軸
實用工具
ryuamarinesGitHub
A GitHub Action that reads Swift source before a Duo release and points at code worth a second look: fixed screen sizes, assumed even safe areas, orientation checks. Code stays on the runner. A prompt for review, not a pass mark.
uses: ryuamarines/duoready-action@v1測試
實用工具
Dashi AI LabGitHubMIT
A Three.js study of the Duo's fold with its progressive blur. Upload your own picture for both displays, then drag, scrub or play the fold. Static files, no build step.
動畫 · 樣機
實用工具
JongMin KimGitHub
JongMin Kim's local web debugger shows a site on the Duo and other foldables closed, open, half-folded and in Split View, using a real browser engine, and marks elements that land on the fold, hinge, camera or system bars. README in Korean.
測試 · 佈局
實用工具
Anders Johanssonidrewn.github.io
An iPhone app that reads the Duo's posture and hinge angle on the closed cover, and frames a screenshot in a closed or open Duo.
實用工具
Federico ViticciGitHubMIT
Frames screenshots and screen recordings in Apple's own bezels. From 1.5.0 it frames both Duo displays, portrait and landscape, in Night Sky and Star White, at the sizes the Duo simulator captures.
git clone https://github.com/viticci/frames-cli.git樣機
實用工具
Danil-ZosimGitHubMIT
Streams a running iOS simulator to a browser link you can share, and lets the viewer tap, swipe and type. For the Duo it serves the cover and the inner panel as separate pages, each with its own picture and touches.
測試
實用工具庫
AppolyGitHubMIT
Reframes your running app to a Duo display on any iPhone, iPad or simulator, with its size, safe areas, size classes and corner shape, through the same resize path a fold takes. Compiles to nothing in release builds.
.package(url: "https://github.com/appoly/iPhoneDuoFrameSimulator", from: "1.0.0")測試 · 佈局
實用工具庫
Nasib Ali AnsariGitHubMIT
Nasib Ali Ansari's toolkit: a command-line audit and Xcode build plugin that flag code likely to break on the Duo, Swift helpers for the hinge and fold, test size presets, templates, and thin Flutter and React Native bridges.
佈局 · 測試 · 轉軸
實用工具庫
Daniel MunozGitHubMIT
A SwiftUI debug overlay that draws safe areas, reserved regions, size classes and the hinge state over your own app. Both modifiers do nothing in release builds.
.package(url: "https://github.com/danmunoz/LayoutScope.git", from: "1.2.0")實用工具智慧體技能
DavidGitHubMIT
David's command-line tool for coding agents that test iOS apps. It sets the Duo simulator's hinge to closed, book, flat or any angle, then sends taps to the inner panel and captures it instead of a black screen. Comes with a skill.
brew install bitomule/tap/mav測試 · 轉軸
實用工具
Mobile NextGitHubApache-2.0
Mobile Next's test framework for iOS and Android apps, written like Playwright tests. One call sets the hinge on foldable iOS simulators and Android emulators: folded, half-open, open or any angle, so a test can run in every pose.
npm install mobilewright @mobilewright/test測試 · 轉軸
實用工具
Dongkyu Kimsafearea.info
Each iPhone's safe areas and reserved regions as measured in the simulator, drawn to scale. For the Duo it covers the closed cover, the open display and the partly folded state, folding in 3D.
實用工具智慧體技能
Evan BaconGitHubApache-2.0
Serves a simulator in the browser. For the Duo it adds Folded, Semi-folded and Fully open buttons and a hinge slider, follows the lit display, and serve-sim fold sets the angle from the command line. An agent skill comes with it.
npx serve-sim測試 · 轉軸
可以閱讀和執行的開源 App，從每個 API 一個示範，到由轉軸驅動的動畫。
示例程式碼編輯精選
Artem NovichkovGitHubMIT
One small SwiftUI demo per Duo API in iOS 27.1, each with its code: the live hinge angle, reserved regions, ArrangementView, vertical toolbars, a tabletop layout, even grid columns and Split View.
示例程式碼
Artem NovichkovGitHubMIT
A playable accordion where the hinge is the bellows: onHingeChange turns the hinge's speed into air pressure. Short, readable code for hinge-driven interaction and sound.
示例程式碼
VibeViewGitHubMIT
A small Expo travel app laid out for the Duo: two panes when open, stacked when narrow, and the cover on its own. Made to be copied from.
佈局
示例程式碼
Ihor MalovanyiGitHubMIT
The code behind Ihor Malovanyi's book: DuoLab in SwiftUI and UIKit, DuoProbe (the tool behind the book's measurements) and Postcards, a showcase you can fold. With a field note on what the simulator reports.
示例程式碼
Tarun YadgirkarGitHub
One screen per Duo API, and a script that folds the simulator through a set of angles, takes screenshots, logs every event and lays the results out on a contact sheet.
測試 · 轉軸
示例程式碼
Juan Carlos Ramón CondezoGitHub
A Flutter probe app run through 21 Duo simulator setups, with screenshots and full metrics for each. The finding: Flutter apps run fine but cannot see the fold, because displayFeatures stays empty on iOS.
示例程式碼
Artem NovichkovGitHubMIT
Flappy Bird flapped by snapping the hinge open. Shows how to turn a stream of hinge angles into separate gestures, drawn with Canvas.
示例程式碼
Tomohiro TakahashiGitHub
A SwiftUI app that puts a good layout beside a bad one: a grid fixed to phone width against an adaptive one, toolbars that do or don't move to the side, and a form that loses your typing when you fold. Notes in Japanese.
示例程式碼
独书先生GitHubMIT
Twelve runnable SwiftUI examples for adaptive layout, navigation, safe areas, the fold, presentations and multitasking. Built with Xcode 26, so the Duo-only parts run on a clearly labeled simulated Duo.
示例程式碼
TBO DigitalGitHubMIT
A SwiftUI sandbox to fold, unfold and turn in front of people: the standard components on every screen, next to what iOS 27.1 adds for the Duo. No dependencies.
介面元件
示例程式碼
Sven-Eric MolzahnGitHubMIT
Lays out the same two panes ten ways and prints what each measured. A launch argument picks the layout, so you can set a pose in Device Hub and take readings without tapping.
示例程式碼
Justin LevineGitHubMIT
A React component of a folding Duo: drag to fold, layered screen content and progressive blur, built with React 19, Three.js and Motion on Apple's 3D model.
動畫 · 樣機
示例程式碼
Rodrigo PortilloGitHubMPL-2.0
A SwiftUI playground with reserved regions, ArrangementView and a WKWebView bridge that tells a web page about the fold, with a video walkthrough in Portuguese.
佈局 · 轉軸
示例程式碼
Nathan WalkerGitHub
A NativeScript and Angular list-and-detail app that calls the iOS 27.1 fold APIs directly: the hinge as Angular signals, UIArrangementViewController splitting list and detail, reserved regions and vertical bars.
示例程式碼
Artem NovichkovGitHubMIT
Sand that slides into the fold: onHingeChange sets the slope, the division region marks the bottom of the valley, and a SwiftUI Metal shader draws the grains.
這些工具要落實的做法：App 怎樣圍繞摺痕佈局，以及怎樣在模擬器裡檢查。
從 React Native、Flutter、網頁和 WebView 的角度看摺疊螢幕：每種技術棧免費得到什麼、哪些橋接庫能暴露轉軸和摺痕，以及哪些仍然需要 Xcode。
如何獲取 Apple 的 iPhone Duo 模擬器、把它折到任意姿態或轉軸角度、測試你的 App，以及沒有 Mac 也能試用的模擬器。
Argent、Mobile MCP、VibeView和Axiom 以 MCP 伺服器的形式執行，Claude Code、Codex、Cursor 等程式設計智慧體可以直接呼叫。Argent 和 VibeView 能把 iPhone Duo 模擬器折到某個姿態，或任意轉軸角度。
SwiftUI 或 UIKit App，建議選一個會對照你已安裝的 SDK 核對 Duo API 的技能，比如 Sven-Eric Molzahn 的 iPhone Duo adaptation，或 Navid 的 iPhone Duo Skills，後者還帶有面向 Flutter、React Native 和 Capacitor App 的技能。多數技能都能裝進 Claude Code、Codex、Cursor，以及任何能讀取 SKILL.md 檔案的智慧體。
Xcode 的 simctl 沒有控制轉軸的命令。Artem Novichkov 的 hinge 可以設定角度，或讓角度隨時間變化；serve-sim 和 Baguette 也能摺疊模擬器，並把畫面串流到瀏覽器。Argent 和 VibeView 則通過 MCP 讓程式設計智慧體做同樣的事。
靠它們自己做不到：在 iOS 上，Flutter 的 displayFeatures 是空的，網頁檢視也拿不到 Device Posture 和 Viewport Segments API。要靠軟體包橋接原生 API：Flutter 有 duo_kit、foldable 和 iphone_duo_ui_pro，React Native 有 react-native-nitro-hinge 和 expo-foldables，Capacitor 和 Ionic App 有 Capacitor Foldable。