本篇階段:Prj#4 個人網頁 使用介面:Claude Code(via VS Code) 前情 Day 20 讓 Claude Code 把個人網站...
可以開始用了,個頭 我希望前五篇有為「讓 AI 參與,對知識庫的使用與維護上有很大幫助」這點定下基調,我寫了很多「可以讓 AI 做」的陳述,到這邊我認為可以往前...
六月底的一天,我開始陸續調整畫面,那次在一份需求文件上一次列了11個要調整的地方項目。多數是文字調整或小 bug:欄位文字要改、某個預設值該拿掉、確認頁該顯示姓...
本篇階段:Prj#4 個人網頁 使用介面:Claude Code(via VS Code) 前情 Day 21 把兩份教召清單從 Word 跟 Exc...
Day 12 的 Security Agent 完成檢查後,我會先確認修法與剩餘風險,再進入文件更新。 剛開始做這套流程時,我把文件當成每次功能完成後要補齊的工...
本篇階段:Prj#4 個人網頁 使用介面:Claude Code(via VS Code) 前情 Day 20 花了一整天,把三年前弄的個人網站從頭盤...
Day 11 我把功能驗收寫成 Scenario,讓 LLM 透過 Playwright MCP 依照前置條件操作頁面。Scenario 確認的是:使用者依既定...
Day 20 · W3 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...
本篇階段:Prj#4 個人網頁 使用介面:Claude Code(via VS Code) 前情 Day 19 把手環那條線收掉了,Prj#3 結束。...
本篇階段:Prj#3 硬體串接 使用介面:Claude Code(via VS Code) 前情 Day 17 寫了一張預測表,把想拿的東西分成「應該...
Day 10 我先處理 AI 改程式時的範圍:哪些檔案可以動、哪些 API 與 payload 不動,完成後再看 Git diff 和頁面。 為了讓這次驗收完後...
Day 09 把 API 說清楚以後,AI 要真正開始改程式,而改動結果範圍可能超過你的需求。你可能只想把一段摘要顯示得更清楚,AI 卻順手整理送出邏輯、改掉資...
本篇階段:Prj#3 硬體串接 使用介面:Claude Code(via VS Code) 前情 Day 17 定了兩條界線:唯讀,還有先命令列後圖形...
Day 08 把一份 Plan 往下拆成 Task,讓 AI 知道接下來有哪些工作要做。不過只要其中一項工作會讀資料、送出申請,或改變畫面狀態,事情又會回到另一...
前言:CLAUDE.md 不就是寫一份文件給 AI 看嗎,有什麼好設計的? 「CLAUDE.md、Skill、記憶系統,講白了不就是幾份給 AI 讀的說明文件嗎...
這是「Claude Code 實戰手冊」系列的第七篇(G7)。G2 講用量時我留了一句「簡單任務用便宜模型,下一段細講」—— 結果那個「下一段」拖了五篇。這篇...
本篇階段:應用程式 使用介面:Claude Code(via VS Code) 前情 Day 15 那支統計分析程式跑完,輸出裡有一份 Analysi...
Day 06 的 Spec 先處理「這次要改什麼」。但當需求開始碰到既有 API、資料來源與多個檔案時,還有一件事不能跳過:先看 AI 準備怎麼做。 P...
本篇階段:Prj#2 架構專案 使用介面:Claude Code(via VS Code) 前情 Day 14 一行程式都沒寫,只做四件事:找參考資料...
Part 2|第一次把開發寫成協議:DAP 的 8-Step(Day 06–13) 接下來這八天,我會回頭拆解 DAP 在上線過程中逐步形成的 8-Step。從...
本篇階段:Prj#2 架構專案 使用介面:Claude Code(via VS Code) 前情 Day 13 做了三個小工具,做法是「先少講一點,讓...
Day 04 把申請、審核和分派帶回 DAP 後,畫面開始承接更多角色與狀態。下一個問題變成:這些畫面到底要怎麼講清楚,才不會又靠 AI 盲猜? 第三代...
前 24 天,我們把 Agent Harness 拆成很多獨立機制。 從 Day 25 開始,我們不再新增新的抽象層。 接下來要做的是反過來看真實 Agent:...
Day 03 確認了 JSON 有沒有被改壞。但 JSON 寄出去後,申請人還得跨系統開單、送審、分派與追蹤。這是展開第三代改版的重點項目。 第二代的 D...
Day 11 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...
本篇階段:基礎說明 使用介面:Claude Code(終端機 CLI + VS Code 擴充套件) 前情 Day 10 把 ~/.claude/CL...
把 Notebook 的流程搬到 Web 後,功能越來越多。我開始不只看畫面能不能跑,而是回頭比對產出的結果:改了 A,為修改的 B 的輸出還一樣嗎? Da...
Day 10 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...
Day 01 我提到,DAP 的第二代不是從 Agent 或複雜流程開始,而是先用 Vibe Coding 把 Notebook 的人工作業搬到 Web。今...
本篇階段:基礎說明 使用介面:Claude Code(終端機 CLI + VS Code 擴充套件) 前情 Day 09 整理了 Skill:一個按需...