黑狗爸的 AI 打雜日記｜教學頁
只花 3 分鐘下指令，
AI 幫你做出習慣打卡 App
我下指令前後不到 3 分鐘，一行程式碼都沒寫，AI 就做出了會記連續天數、完成率的打卡 App。這頁是我走過的路，整理成 4 步。照著貼，你也只要 3 分鐘交代完。
你每天，想養成哪幾個習慣？
App 不用很大，把每天的小習慣記下來就夠了。挑幾件你想做、但常常忘記的：
📖 閱讀 30 分鐘 🏃 運動 30 分鐘 💧 喝水 2000ml 👟 走 8000 步 🌙 11 點前睡 📵 睡前不滑手機 🧘 冥想 5 分鐘
先挑 3 件就好，順了再加。
越具體（幾分鐘、幾杯），AI 做得越準。
越具體（幾分鐘、幾杯），AI 做得越準。
照著走，不用懂技術
1
打開 AI，用白話講出來
不用技術名詞，直接貼下面那段提示語就好。
2
只要「最簡單、能用」的第一版
先別要求好看、別一次加 10 個功能。能打勾、能看到天數就好。
3
用用看，不順就講一句
你的工作只有一個：下指令。哪裡不順，直接跟 AI 講，剩下它做。
4
一次只改一件事
這是我最大的心得。一次改一件，壞了也知道是哪裡壞。外觀，最後才改。
直接貼給 AI 的提示語
把 ＿＿＿ 換成你的事，貼給 AI。最後一段不用改。
我不想自己寫程式碼，請你全部幫我寫好。
我每天想養成這幾個習慣：＿＿＿（例如：閱讀 30 分鐘、運動 30 分鐘、喝水 2000ml、11 點前睡）。
請幫我做一個可以放在手機主畫面、像 App 一樣打開的小工具。第一版只要：
1. 今天的習慣清單，做完就打勾
2. 一個圓環，顯示今天完成了幾項
3. 連續做到幾天
4. 這個月的完成率
請直接幫我做出來，先做最簡單、能用的版本，外觀之後再改。
【做好之後，請這樣交給我】
1. 做成「一個」完整的 .html 檔：CSS 和 JavaScript 都寫在同一個檔案裡，不要用任何外部套件或檔案。
2. 打勾的紀錄要存在這支手機上（用 localStorage），關掉再打開，紀錄還在。
3. 先讓我在對話裡預覽試用，再給我一個可以下載的檔案，檔名叫 index.html。
想改哪裡，用這句
我試用了，這裡不順：＿＿＿。
請只改這一件事，改完告訴我要去哪裡看。
⚠️ 密碼、帳號、個人資料，不要貼進對話裡。
做好之後怎麼存、怎麼放到手機
手機只能把「網址」加到主畫面，所以先拿到網址。
- 跟 AI 說
給我可以下載的 index.html 檔
，下載存起來（iPhone 存到「檔案」App，Android 存到「下載」）。 - 打開 app.netlify.com/drop。電腦：把檔案拖進「Drop here」。手機：點「Drop here」下面的「file」，選 index.html。就拿到網址。
- 用 email 免費註冊，按 Claim 認領網站。沒認領，1 小時後會被刪掉。
- 用手機打開網址，照下面加到主畫面。
打開要你登入的話，到網站設定改成 Public。手機做不順，就改用電腦做 1～3。
📱 加到手機主畫面
- 用 Safari 打開網址。
- 點「分享」（方框加箭頭）；找不到就先點「⋯」。
- 點「加入主畫面」，再點「加入」。
- 用 Chrome 打開網址。
- 點右上角的「⋮」。
- 點「加到主畫面」（或「安裝」）。
之後都從主畫面的圖示打開、打勾。紀錄存在你這支手機上。
如果你用的是 ChatGPT Plus 以上的方案，有更簡單的方法
- 跟 ChatGPT 說：
幫我把它做成網站，給我網址
。 - 打開網站，按右上角 Share → Link access 改成 Public → Publish → Copy link。
- 用手機打開網址，照上面加到主畫面。
打開要你登入的話，重新整理一下就好。
我卡過的，你一定也會遇到
手機上打不開，或叫我登入
先看上面的小提示。還是不行，就截圖給 AI，說
我在手機上打不開，畫面長這樣。我也卡過，AI 自己就找到問題修好了。
3 分鐘下指令，AI 做出來長這樣
左邊：今天做了幾件。右邊：連續做到幾天、今天完成率、21 天挑戰格。
每天打開，一眼就知道。
這是換過外觀的版本，外觀模板在整套裡
早鳥優惠
想要「整套」提示詞？
這頁給你方向和提示語。完整的整套正在做最後整理，留下 email 的人會第一個拿到，還附早鳥優惠碼：
- 進階提示語包
- 讓它變成「手機內建 App 質感」的外觀模板
- 進階功能完整版
- 我卡關時怎麼解的完整紀錄
只用來寄整套和早鳥碼，不會亂寄。
或在 IG 私訊我「整套」。
做出來了？截圖標記 @heydogdad，
我想看你的 App。
我想看你的 App。
黑狗爸 @heydogdad｜生活留給自己，瑣事交給 AI