
【2026 最新】Claude Code 做網站教學:7 步打造高質感動畫網站(參考圖+Prompt+驗收)
不靠一句「做得高級一點」,從參考圖、設計規格、官方 Frontend Design 外掛到手電筒動畫與瀏覽器驗收,帶你完成 Claude Code 網站製作流程。
Start here
可左右滑動,或使用上方數字切換文章。
目前顯示第 1 篇,共 3 篇:【2026 最新】Claude Code 做網站教學:7 步打造高質感動畫網站(參考圖+Prompt+驗收)

建立一份可重用的繁中品牌規則,再用三頁原型與一次規則改版,檢查字體、色彩、元件和手機版是否真正套用。附可複製提示與驗收清單。

把「開頭快一點、結尾別動」變成下一個 Session 接得準的工單。用三段自製素材、固定鏡頭 ID、剪輯表與短 CURRENT.md,走完 v1 到 v2 的修改與驗收。

用同一張角色圖比較四組 HairDeck 頭髮變體,沿著遮罩、分片、UV 與 spring bones 找錯,最後在自己的角色與目標軟體驗收。

一句旁白改了,字幕與素材還對得上嗎?從短篇繁中稿出發,分清 Studio 與完整推論路徑,學會逐鏡修訂、版本保存與成片驗收。

先用一個場景與明確勝負規則開始,從隔離環境、團隊模型盤點到逐幀驗收,建立能重開、能修改的繁中 2D 小遊戲製作流程。

權重下載好卻跑不出圖?五步分清入口、模型配對、INT8 案例與尺寸裁切,讓一張商品照的背景修改留下可回查的工作流。

範例騎士刪不掉,先查最後送進模型的訂單。用官方編譯器分清兩層座標,保存乾淨母版,再把同一份繁中活動資訊改成正方形、橫式與直式。

同樣叫 KittenTTS,載入的可能差一整代。從固定權重到繁中口語稿,分開走 CPU 與 MLX 路徑,交出能核對版本、日期、金額與漏字的 WAV。

用同一份規則驅動畫面與讀值,從固定版本到一串可重算的事件,完成會動也說得對的互動原理圖。