@OpenAIDevs：OpenAI 開發 Codex 實現 iOS 應用即時預覽。 這項功能讓開發者在 Codex 內部即可完成 iOS 應用程式的開發循環，無需頻繁切換視窗。…

OpenAI 開發 Codex 實現 iOS 應用即時預覽。 這項功能讓開發者在 Codex 內部即可完成 iOS 應用程式的開發循環，無需頻繁切換視窗。透過整合開源專案，Codex 能夠直接在應用程式內的瀏覽器中檢視並測試 iOS 模擬器，並支援 SwiftUI 預覽與程式碼修改後的熱重載功能，大幅提升開發效率。 核心技術整合 OpenAI 此次整合了兩個關鍵的開源工具，以實現高效的模擬器互動： serve-sim：由 EvanBacon 開發，負責將 Apple 模擬器的畫面串流至瀏覽器，並提供 WebSocket 控制通道。它支援 60 FPS 畫面串流、手勢操作（如捏合縮放）、模擬器日誌轉發以及鍵盤指令傳送，讓 AI 代理能透過自然語言指令直接操控模擬器。 SnapshotPreviews：由 EmergeTools 開發，用於從 Xcode 預覽中提取快照。它無需撰寫額外的測試程式碼，即可自動化產生 SwiftUI 與 UIKit 的視覺快照，並支援匯出至 Sentry Snapshots 或其他視覺比對服務，方便進行自動化測試與 UI 驗證。 實際應用流程 根據演示，AI 代理能透過自然語言指令執行複雜的開發任務，流程如下： 預覽載入：使用者輸入指令（如「Show me StatusRow SwiftUI previews」），AI 自動啟動模擬器並載入對應的 SwiftUI 預覽畫面。 程式碼修改：針對 UI 調整需求（如將頭像對齊至頂部），AI 直接修改 StatusRowView.swift 程式碼。 熱重載與測試：系統自動觸發熱重載以呈現最新介面，並能進一步執行模擬點擊操作（如開啟分享選單、選擇分享為圖片），驗證功能是否符合預期。 AI 代理程式透過自然語言指令，自動化執行 iOS 應用程式的 UI 調整與功能測試。 開發者工具支援 serve-sim 不僅限於 Codex 使用，亦可整合至其他開發環境： Claude Code Desktop：透過設定 .claude/launch.json 即可啟用模擬器服務。 Expo 整合：開發者可透過 metro.config.js 加入 simMiddleware，將模擬器預覽嵌入現有的開發伺服器中。 Agent Skill：透過 bunx add-skill EvanBacon/serve-sim，開發者能將模擬器操控能力賦予各類 AI 程式開發 Agent，實現更完整的端到端自動化開發流程。AI 代理程式透過自然語言指令，自動化執行 iOS 應用程式的 UI 調整與功能測試。 影片中的 Prompt 與操作：Prompt（00:02）： 建立 iOS 應用程式，向我展示 StatusRow 的 SwiftUI 預覽。原文：Build iOS Apps Show me StatusRow SwiftUI previewsPrompt（00:13）： 將此處改為頂部對齊。原文：move this to be top alignedPrompt（00:26）： 開啟「分享為圖片」選項。原文：Open the share as image option操作步驟： 1. （00:11）點擊模擬器右上角的設定圖示。 2. （00:13）在輸入框輸入調整指令。 3. （00:21）系統自動修改程式碼並執行熱重載。 4. （00:30）點擊貼文選單按鈕。 5. （00:32）點擊「Share」選單。 6. （00:33）點擊「Share as image」選項。原文：https://easyvibecoding.app/curated/1774