用 Claude Code 做第一個網站
本機資料夾中有一個可運作的 HTML/CSS 網站。
第一個成果
網站在瀏覽器中開啟。
需要： Mac, Claude 帳號
開始引導式工作階段。
選擇你想完成的成果。工作時，mouseover 會引導下一個命令、提示、連結或檢查清單。
從這裡開始
快速得到看得見的成果，尤其適合第一次使用引導式工作階段。
把 LinkedIn 變成個人網站
以 LinkedIn、履歷或個人資料建立的本機個人首頁。
第一個成果
你的首頁開啟，包含姓名、背景與連結。
需要： Mac, Claude 帳號, LinkedIn 或個人資料
建立 AI 客戶洞察分析器
本機客戶洞察 App，可把訪談筆記轉成創辦人可用的摘要。
第一個成果
範例訪談顯示痛點、人物誌、反對理由、定位與下一步問題。
需要： Mac, Claude 帳號, 可選客戶筆記
製作畢業回憶冊網站
像數位剪貼簿一樣的本機畢業回憶冊網站。
第一個成果
回憶冊開啟，包含封面、時間軸、回憶卡、語錄與照片佔位。
需要： Mac, Claude 帳號, 可選回憶素材
在 Mac 設定 Claude Code
Claude Code 已安裝、登入，並可在專案資料夾中使用。
第一個成果
Claude Code 在 Terminal 中開啟。
需要： Mac, Claude 帳號
AI 程式工具
設定程式代理工具，並在真實專案中安全開始。
執行第一個 Cursor Agent 任務
Cursor 已為專案設定好，並完成一個已審查的 Agent 工作流程。
第一個成果
Cursor Agent 提出範圍明確的第一個變更。
需要： Mac, Cursor 帳號, 專案資料夾
在 Mac 設定 Codex
Codex CLI 已登入，具備專案指示與安全沙盒預設。
第一個成果
Codex 印出版本與登入狀態。
需要： Mac, ChatGPT 或 API 存取權, Node 或 Homebrew
連接開發者工具
連接資料庫、瀏覽器與測試工具，讓代理能檢查真實狀態。
安全連接 Supabase MCP
一個有範圍限制的 Supabase MCP 連線，可安全檢查 schema。
第一個成果
Agent 以唯讀方式列出資料表。
需要： Supabase 專案, AI 程式工具
連接 Playwright MCP
可探索流程並建立測試的瀏覽器自動化設定。
第一個成果
Agent 在可見瀏覽器中控制 TodoMVC。
需要： Node 20+, AI 程式工具
創作媒體
把產品故事變成可以預覽的創作成果。
用 Claude Code 製作發表影片
一個可反覆調整的 Remotion 產品發表影片專案。
第一個成果
影片預覽在 Remotion Studio 中開啟。
需要： Mac, Claude Code, Node
用 Codex 製作發表影片
一個可反覆調整的 Remotion 產品發表影片專案。
第一個成果
影片預覽在 Remotion Studio 中開啟。
需要： Mac, Codex CLI, Node
整理知識
建立本機筆記與 wiki 工作流程，並保有清楚的 AI 編輯邊界。
用 Claude Code 整理 Obsidian
有結構、模板與安全 AI 編輯規則的本機 vault。
第一個成果
新的 vault 開啟，包含入門筆記結構。
需要： Obsidian, Claude Code
用 Codex 整理 Obsidian
有結構、模板與安全 AI 編輯規則的本機 vault。
第一個成果
新的 vault 開啟，包含入門筆記結構。
需要： Obsidian, Codex CLI
建立 Karpathy 風格 wiki
包含原始資料夾與編譯 wiki 資料夾，並有互相連結的實體筆記。
第一個成果
一份原始資料變成互相連結的 wiki 頁面。
需要： Obsidian, Claude Code, 來源素材