iT邦幫忙

2026 iThome 鐵人賽

DAY 14
0
Vibe Coding

從 0 到 1: 產品設計師用 Vibe Coding 打造呼吸放鬆 App系列 第 14 篇

Day 14 | 將 PRD 轉換為開發任務並開始 Vibe Coding 產品首頁

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260924/20183825cGHfAdKEg2.png

前言

Day 13,我處理了當時在 Xcode 中無法使用 Codex 的 GPT-6 Astra 模型的問題,於是改用 Codex 連接 Xcode 進行開發。接著,我請 GPT 閱讀我的 PRD,並且規劃可執行的開發任務清單,讓 Codex 開始撰寫程式碼。

將 PRD 轉換為開發任務

我請 ChatGPT 讀取 Notion 裡的 PRD,並且規劃開發任務,每個開發任務以一次可獨立 review 的變更為單位,盡量把任務拆小去執行。

!CleanShot 2026-09-24 at 12.39.36@2x.png

插曲: Codex 額度滿了,改切換為 Claude Code 並嘗試新模型 Opus 5.5

  • 執行第一個 Task 後剛好遇到我的 Codex 用量達到上限,昨天看到 Claude 推出 Opus 5.5,程式能力從 Anthropic 官方數據來看比 GPT-6 Astra 略勝,所以決定改用 Claude Code 來進行開發,玩一下新模型。後續再交由 Codex 進行 Review。
  • 模型評分來源 → https://www.anthropic.com/claude-opus-5-5

https://ithelp.ithome.com.tw/upload/images/20260924/20183825ENwVEIXsGa.png

建立主畫面,查看初步成果

請 Claude Code 開始執行開發任務,並在模擬器中查看實際的 UI 效果啦。目前初步看還可以,下一步就開始實作各個部分的功能,把核心呼吸練習體驗先完成!

主畫面 UI

Day 15 預告

開始實作核心體驗,完成呼吸練習功能的使用流程,明天見,Cheers 🍻


上一篇
Day 13 | 遇到的第一個坑,在 Xcode 上用不了 GPT6-Astra 模型
下一篇
Day 15 | 開發 Part 1 - 呼吸練習的使用體驗
系列文
從 0 到 1: 產品設計師用 Vibe Coding 打造呼吸放鬆 App 共 21 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言