準備資料
專案資料夾
新元件的功能描述
既有元件範例
操作流程
Explore 既有風格
請 Claude Code 先看現有元件怎麼寫,找出共用的設計模式。
Plan
提出新元件的實作計劃,說明會重用哪些既有模式,等你確認。
Code + 驗證
小步實作後,本機預覽確認外觀與互動符合預期。
相關章節
Agentic Coding — 先讀概念再回來練習更有脈絡
產出 prompt
先複製,再依你的班級脈絡改寫
claude-prompt.txt
我要新增一個功能:[功能描述]。請先看現有元件的寫法,找出共用的設計模式與規範,再提出實作計劃,說明你會如何重用既有模式。等我確認後才開始實作。完成檢核