我用 Claude Code+Xcode 做了一个 iPhone Duo AI App|从想法到成品

我用 Claude Code+Xcode 做了一个 iPhone Duo AI App|从想法到成品

By Yuya Mei 6090 位订阅者
1123 次观看 · 2026-10-07 UI 设计
如果未来的 iPhone Duo / 双屏 iPhone 真的出现,我们可以为两块屏幕设计什么不一样的体验?
我不想只是把普通 iPhone App 拉宽,或者简单地把两个 App 放在左右两边。
所以我设计了一个叫 Memory Desk 的 AI 记忆空间和octo focus productivity app

0:00 intro
1:10 idea
2:09 tool
3:31 prompt
4:20 Design
4:40 Xcode set up
5:39 coding
6:45 first app showcase
8:11 second app showcase
它的核心想法很简单:
左边 = Today / Working Memory
右边 = Memory / Long-term Memory
当我看到一个有用的网站、图片、灵感或 Idea,可以直接把它拖进 Memory:Remember
AI 会理解内容,并自动把相关的 Project、Idea、Reference 和 Decision 连接起来。
需要的时候,又可以把 Memory 拖回当前工作空间: Recall
让它重新成为 AI 当前使用的 Context。
在这支视频里,我会简单展示整个过程:
想法 → 产品概念 → UI 设计 → Claude Code 开发 → Xcode 测试 → 最终 App Demo
这不是一支完整 Coding Tutorial,而是想跟大家分享,我现在如何利用 AI Coding Tools,把一个产品想法快速变成可以运行的 Prototype。
本次使用的主要工具
Claude Code — AI Coding / 开发
Xcode + SwiftUI — iOS App
Figma — UI / UX Design
SQLite / SwiftData — Local Memory
Supabase — Database / Auth / Sync
OpenAI API — AI Understanding / Memory
GitHub — Version Control
TestFlight / App Store Connect — 测试与发布
我觉得 AI Coding 最有意思的地方,不只是让我们“写代码更快”。
而是让设计师和创作者可以更快验证:
这个 Idea 到底能不能变成一个真正的 Product?
如果你喜欢这种 AI + Product Design + Claude Code + Creative Development 的内容,欢迎订阅。之后我还会继续分享更多从 Idea 到真正 Product 的实验。
#ClaudeCode #iPhoneDuo #AICoding #iOS开发 #AIApp #SwiftUI #产品设计