Claude Code 教学：不懂 Swift，一晚做出健身饮控 App
数位时代《一天一AI》案例：查尔斯先用 HTML 做过饮控网页工具，厘清需求后，再用 Claude Code 指挥 Xcode 把它升级成 iOS App；真正的学习点不是“vibe 一个 App 很容易”，而是先定义成功样子、用 Claude Code Plan 模式 收敛需求，再在预览里用人的判断持续反馈。
基本信息
- 标题：Claude Code教學：不懂Swift，他一個晚上做出健身飲控App
- 来源：数位时代 / 一天一AI
- 原始 URL：https://www.bnext.com.tw/article/91436/claude-code-ios-app-no-swift
- 抓取方式：Telegram bot prefetch（raw 文件后半段混入站内推荐、赞助内容与健康管理广告；本次只消化标题同名主文）
- 素材日期：2026-07-08
核心观点
-
和 AI 协作时，应先说“成功的样子”，而不是先列功能清单。 文章给出的句型是：“当我＿＿（做某件事），我想＿＿（得到这样效果），这样我能＿＿（完成某个任务、达成某个目标）。”这比“我要菜单库、按钮、图表”更适合驱动 AI，因为它先定义用户动作、结果和目标，AI 才能把功能拆成合理界面与数据结构。
-
Claude Code + Xcode 的最小协作形态是共用同一个项目文件夹。 做法不是让 Claude Code “打开 Xcode”，而是在电脑上建立项目资料夹，由 Claude Code 写入 Swift / SwiftUI 代码，同时用 Apple 官方 IDE Xcode 打开同一资料夹；代码变更后右侧预览画面随之更新。用户不需要懂 Swift 语法，但必须能判断“这个画面哪里不对”。
-
查尔斯能一晚做出 App，不是因为零基础直接许愿，而是因为他先做过 HTML 版本。 前一版网页工具已经帮助他厘清饮控记录的核心需求，再进入 App 化阶段时，他知道要做的是“用手机记录每天营养素，方便跟健身教练回报”，而不是模糊地说“帮我做一个饮食 App”。这说明 Vibe Coding 的关键前置不是代码，而是需求被真实使用场景打磨过。
-
Plan 模式把“人类确认需求”放在代码生成之前。 查尔斯在 Claude Code 中使用
/plan：先一次说清楚需求，等 AI 列出完整开发计划，再逐条确认“这个我真的会用吗？”删除不用的功能后再执行。文章强调这 10 分钟计划能省掉之后大改架构的痛，是 AI 编程中最便宜的风险控制。 -
自制工具的价值来自个人场景，而不是复制通用 App。 一般饮食 App 以商品名称为中心，但查尔斯常吃的波奇碗不是固定商品，而是小黄瓜 100g、毛豆 50g、鲑鱼 80g 等食材组合；他做“菜单库”，把常吃食材和份量预先建好，每天像点自助餐一样勾选，三大营养素自动加总。这是个人工具优于通用软件的典型场景：需求足够具体，AI 才能做出真正合身的工具。
-
开发者测试安装不是正式上架。 文章特别提醒，用 Apple 帐号通过开发者测试方式把 App 装到 iPhone 不需要付上架费，但凭证每 7 天会过期，过期后要回电脑打开 Xcode 重新签署。也就是说，“自己能用”与“可上架、可销售、可长期分发”之间仍有 App Store、证书、审核、付费和运维等门槛。
实操内容保留
Prompt / 需求表达句型
原文建议做小工具时不要从“我要哪些功能”开始，而要先说清楚终极目标：
当我＿＿（做某件事），我想＿＿（得到這樣的效果），這樣我能＿＿（完成某個任務、達成某個目標）
可迁移为 AI 编程需求模板：
当我 [用户动作/使用场景]，
我想 [看到或获得的结果]，
这样我能 [完成的任务/达成的目标]。
请先不要写代码，先把这个目标拆成：
1. 最小可用流程
2. 需要记录的数据
3. 主要界面
4. 不需要做的功能
5. 需要我确认的问题Claude Code + Xcode 协作步骤
- 在本机建立一个 iOS 项目资料夹。
- 让 Claude Code 在这个资料夹中生成 / 修改 Swift 或 SwiftUI 代码。
- 同时用 Xcode 打开同一个资料夹。
- 观察 Xcode 右侧预览或模拟器中的画面变化。
- 用户根据真实预览反馈：“按钮太小”“这个流程不对”“这里应该先选食材再填重量”。
- 让 Claude Code 根据反馈继续修改。
- 如需装到 iPhone，可走开发者测试路径，但要注意 7 天凭证过期与重新签署限制。
Plan 模式使用步骤
- 在 Claude Code 里进入
/plan。 - 一次性描述完整目标：例如“我要做一个饮控 App，用手机记录每天营养素，方便跟健身教练回报”。
- 等 AI 列出完整开发计划。
- 逐条检查：“这个我真的会用吗？”
- 删除确认不用的功能，避免过度设计。
- 确认后再让 AI 开始执行。
关键概念
- Claude Code：本案例中的主要 AI 编程 Agent，负责生成和修改项目代码。
- Xcode：Apple 官方 iOS 开发 IDE，负责打开项目、预览 SwiftUI 画面、签署并安装到 iPhone。
- Claude Code Plan 模式：先规划、确认、删减，再执行的 AI 编程风险控制入口。
- Vibe Coding：不以手写代码为中心，而以需求定义、预览反馈和快速迭代驱动产品开发的方法论。
- AI编程开发：本素材补充了“本地 Agent + 原生 IDE”做个人 App 的实践场景。
与其他素材的关联
- 与 2026-06-29-27-hidden-claude-code-features 的“计划模式多花 3 分钟避免 3 小时返工”一致，本素材把 Plan 模式落到个人 iOS App 开发场景。
- 与 2026-05-27-pm-vibe-coding-5-products 和 2026-05-29-woshipm-shawn-abu-claude-code-6-weeks 共同强调：AI 写代码之前，人要先想清楚需求、成功标准和不做什么。
- 与 2026-06-17-woshipm-ai-dev-failure-engineering 形成边界提醒：能在开发者测试中跑起来，不等于完成 App 上架、凭证、审核和长期分发。
原文精彩摘录
想做小工具？太多人會從「想要哪些功能」開始思考。但和 AI 協作，你最該說清楚的是終極的目標。試試這個句型：「當我＿＿（做某件事），我想＿＿（得到這樣的效果），這樣我能＿＿（完成某個任務、達成某個目標）」
概念很簡單：在你的電腦上建一個專案資料夾，Claude Code 把 Swift 程式寫進去。另外在Apple 官方的整合開發環境（IDE）Xcode 同時打開這個資料夾，程式碼一更新，右側預覽畫面就跟著變。你不需要懂 Swift，你需要懂的是「這個畫面哪裡不對」。
查爾斯用了 Claude Code 的 plan 模式：先把所有需求說完（要做一個飲控 App，打算用手機記錄每天到的營養素，方便跟健身教練回報），AI 列出完整開發計畫，他逐條確認後再讓 AI 執行。
在 Claude Code 裡下
/plan進入計畫模式，把你想要的功能一次說清楚，等 AI 列出完整清單後，逐條問自己：「這個我真的會用嗎？」刪掉確定不用的，確認後再讓它開始執行。這步花 10 分鐘，可以省掉之後大改架構的痛。