回任務實作
Code挑戰45 分鐘

用 Claude Code 把專題資料做成靜態網頁

專題已經做完,想做成一個簡單網頁分享給同學或放進學習歷程,但不會寫程式。

準備資料

專題內容(文字、圖表、資料)

想呈現的重點

是否要公開分享

操作流程

Explore

請 Claude Code 先了解你有哪些素材,提出網頁需要哪些頁面或區塊。

Plan

請它列出網頁結構與成功標準,等你確認再開始。

Code

小步產出頁面,每完成一段就本機預覽確認。

確認再分享

分享或部署前確認沒有個資或未授權素材。

相關章節

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

產出 prompt

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

claude-prompt.txt
我想把這個專題的資料做成一個簡單的靜態網頁。我完全不會寫程式。請先了解我有哪些素材,提出網頁應該有哪些頁面或區塊,列出計劃等我確認後才開始實作。

完成檢核