現在，我們已經認識 Claude Code CLI 的工作模式、Context、Prompt、MCP、Hooks，以及 SKILL.md 的概念。從今天開始，不再只是介紹工具，而是正式動手打造一個屬於自己的實戰專案——my-refrigerator。

為什麼想做這個專案？因為我很喜歡下廚，但每次準備煮飯時，最常遇到的問題就是：「家裡冰箱到底還有什麼？」有時候買了新的食材，卻忘記冰箱裡已經有了；有些食材放到過期才發現；想煮一道菜時，又不知道現有食材能不能組合出來。

因此，我希望打造一個以「我的冰箱，我的廚房助手」為核心的 Web App。未來可以透過手機拍照，讓 AI 協助辨識冰箱裡的食材，再自動記錄到系統中。同時加入採買清單、食材管理、最愛食譜、全聯特價食材，以及根據目前冰箱食材推薦料理等功能，讓它真正成為日常生活中可以使用的小工具。

這次專案的前端會使用 Vue，並透過 GitHub Pages 進行部署；資料庫則預計使用低成本的雲端服務。這樣的架構不但適合個人專案，也非常適合拿來練習 Claude Code 的 AI 輔助開發流程。

不過，在開始寫第一行程式碼之前，我想先做一件重要的事情：建立專案 Skill。

在前面的文章中提過，SKILL.md 可以把特定任務的知識、規則與工作流程整理起來。這一次我們不只是介紹它，而是直接讓它成為 my-refrigerator 的一部分。

例如，可以建立：

.claude/
└── skills/
    └── frontend/
        └── SKILL.md

在 SKILL.md 裡，可以告訴 Claude Code 這個專案的前端開發規則，例如使用 Vue 3、TypeScript、Composition API，元件應該如何分類、檔案應該放在哪裡，以及 UI 設計需要優先考慮手機操作。

這樣做的好處是，當未來我要請 Claude Code 開發「我的冰箱」、「採買清單」或「最愛食譜」等功能時，就可以讓它依照同一套開發規則執行，而不需要每次重新說明。

更重要的是，Skill 不應該被當成一次寫完就不再修改的文件。隨著專案持續開發，我們可以把實際遇到的問題與累積下來的經驗加入 Skill。例如發現所有 API 都必須統一處理錯誤，就可以把這項規則加入；發現手機版需要特別注意按鈕大小，也可以把 UI 規範補進去。

換句話說，Skill 會隨著專案一起成長。

這也讓 my-refrigerator 不只是「一個用 Claude Code 寫出來的專案」，而是一個可以逐漸建立 AI 開發規範的實驗場。Claude Code 負責協助我們執行工作，而 SKILL.md 則負責告訴 AI：「在這個專案裡，我們希望怎麼工作。」

因此，今天的重點不是完成多少功能，而是先建立一個好的起點：

建立專案 → 建立 Git → 建立 Context → 建立 Skill → 再開始開發。

從今天開始，Claude Code 不再只是我們問問題的工具，而正式成為 my-refrigerator 專案裡的 AI 開發夥伴。

接下來，就讓我們一步一步，把腦中的「智慧冰箱」想法，真正變成生活誌中實用的作品。