回任務實作
Code進階30 分鐘

幫教學工具加上一個新的互動元件

現有教學工具網站想加一個新的互動元件,希望風格與既有元件一致。

準備資料

專案資料夾

新元件的功能描述

既有元件範例

操作流程

Explore 既有風格

請 Claude Code 先看現有元件怎麼寫,找出共用的設計模式。

Plan

提出新元件的實作計劃,說明會重用哪些既有模式,等你確認。

Code + 驗證

小步實作後,本機預覽確認外觀與互動符合預期。

相關章節

Agentic Coding — 先讀概念再回來練習更有脈絡

產出 prompt

先複製,再依你的班級脈絡改寫

claude-prompt.txt
我要新增一個功能:[功能描述]。請先看現有元件的寫法,找出共用的設計模式與規範,再提出實作計劃,說明你會如何重用既有模式。等我確認後才開始實作。

完成檢核