# 策展 · X (Twitter) 🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：OpenAI Developers (@OpenAIDevs) · 平台：X (Twitter) · 日期：2026-06-05

> 原始來源：https://x.com/OpenAIDevs/status/2062599291479478275

## 中文摘要

OpenAI 開發 Codex 實現 iOS 應用即時預覽。

這項功能讓開發者在 Codex 內部即可完成 iOS 應用程式的開發循環，無需頻繁切換視窗。透過整合開源專案，Codex 能夠直接在應用程式內的瀏覽器中檢視並測試 iOS 模擬器，並支援 SwiftUI 預覽與程式碼修改後的熱重載功能，大幅提升開發效率。

**核心技術整合**
OpenAI 此次整合了兩個關鍵的開源工具，以實現高效的模擬器互動：
- [serve-sim](https://github.com/EvanBacon/serve-sim)：由 EvanBacon 開發，負責將 Apple 模擬器的畫面串流至瀏覽器，並提供 WebSocket 控制通道。它支援 60 FPS 畫面串流、手勢操作（如捏合縮放）、模擬器日誌轉發以及鍵盤指令傳送，讓 AI 代理能透過自然語言指令直接操控模擬器。
- [SnapshotPreviews](https://github.com/getsentry/SnapshotPreviews)：由 EmergeTools 開發，用於從 Xcode 預覽中提取快照。它無需撰寫額外的測試程式碼，即可自動化產生 SwiftUI 與 UIKit 的視覺快照，並支援匯出至 Sentry Snapshots 或其他視覺比對服務，方便進行自動化測試與 UI 驗證。

**實際應用流程**
根據演示，AI 代理能透過自然語言指令執行複雜的開發任務，流程如下：
1. **預覽載入**：使用者輸入指令（如「Show me StatusRow SwiftUI previews」），AI 自動啟動模擬器並載入對應的 SwiftUI 預覽畫面。
2. **程式碼修改**：針對 UI 調整需求（如將頭像對齊至頂部），AI 直接修改 `StatusRowView.swift` 程式碼。
3. **熱重載與測試**：系統自動觸發熱重載以呈現最新介面，並能進一步執行模擬點擊操作（如開啟分享選單、選擇分享為圖片），驗證功能是否符合預期。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1780663440945-alok7p49.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1780663441940-ediaHJTlVakAAPauYjpg.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 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，實現更完整的端到端自動化開發流程。

## 標籤

Codex, iOS, SwiftUI, 新產品, 開源專案, OpenAI, Codex, Apple