iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

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

呼吸,是最簡單但也是最不簡單的事。在快步調的現代中,我們常忘記好好地深呼吸,讓自己慢下來。我是一位 Product Designer,過去曾因為工作壓力大而有自律神經失調症狀,練習深呼吸讓我更平靜、專注以及穩定情緒。這 30 天,我想從自己的需求出發,用 Vibe Coding 打造一個呼吸放鬆的 App。我會把想法整理成 PRD、決定要做什麼與不做什麼、進入我陌生的 iOS 開發,過程中與 LLMs 和 Coding Agent 進行協作,最後做出一個自己每天想用的呼吸放鬆 App。

參賽天數 29 天 | 共 29 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 | 用 AI 做 UI 插畫

前言 Day 20 實際在手機上測試後,我想在練習後的心情紀錄加入 emoji 選項。但系統內建的 emoji 和 App 的藍天白雲風格不太搭,所以決定和...

2026-10-01 ‧ 由 astro_tw 分享
DAY 22

Day 22 | AI 不會累,但我的大腦會

今天是鐵人賽的第 22 天,隨著密集寫文章、和 AI 大量溝通進行 Vibe Coding,這幾天產生了一種倦怠感:沒有力氣去思考怎樣寫一個好的 Prompt...

2026-10-02 ‧ 由 astro_tw 分享
DAY 23

Day 23 | Skills 是什麼?一起與 AI 建一個

什麼是 Skills Skills 最早由 Anthropic 提出,在 Anthropic 官方課程《Introduction to Agent Skill...

2026-10-03 ‧ 由 astro_tw 分享
DAY 24

Day 24 | 閱讀分享與心得整理 - 如何充分使用 Claude Opus 5.5 模型

摘要 本篇作者 Addy Osmani 是一位軟體工程師,目前是 Anthropic 技術團隊成員,先前長期在 Google 負責開發者體驗。他在 claud...

2026-10-04 ‧ 由 astro_tw 分享
DAY 25

Day 25 | 用 ElevenLabs 製作呼吸練習時的人聲引導

前言 在 Day 20 的文章中,我第一次實際使用自己規劃的 App,也發現一個明顯的落差:人聲引導還是得做進 App,練習呼吸的體驗才會完整。今天我嘗試用...

2026-10-05 ‧ 由 astro_tw 分享
DAY 26

Day 26 | 還沒嘗試就先被大腦直覺誤導而砍掉的人聲引導體驗

被大腦的直覺給騙了 在 Day 25,我用 ElevenLabs 做出了呼吸練習的人聲引導。從研究做法、生成 4-7-8 呼吸法的音檔,到請 Claude C...

2026-10-06 ‧ 由 astro_tw 分享
DAY 27

Day 27 | 實際連續試用 3 天的心得

目前進度 目前 App 裡只有 4-7-8 呼吸法已經整合好人聲引導,所以這幾天都先用 4-7-8 練習。其他呼吸法的音軌還沒整合進去,接下來會把它們陸續補上...

2026-10-07 ‧ 由 astro_tw 分享
DAY 28

Day 28 | 建立 UI Playground,探索不同設計方案

UI Playground 的靈感啟發 前陣子看到 Notion 產品設計師 Brian Lovin 的訪談,他介紹了 Notion 團隊導入的 Protot...

2026-10-08 ‧ 由 astro_tw 分享
DAY 29

Day 29 | 用微互動優化 練習時間長度選擇 UI

舊版與新版設計 今天繼續優化 App 的 UI,主要處理「選擇練習時間」。在第一版 UI 中,只有 5/10/15 分鐘三個固定按鈕,當初是為了先求能用,按一...

2026-10-09 ‧ 由 astro_tw 分享