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

AI 主視覺負責氣氛,HTML/SVG 真文字負責資訊。用 7 步完成可改字、可列印,也能通過 3 秒掃讀、單欄位修改與 A4/PNG/PDF 驗收的繁中活動海報。

先用 fake detector 跑通 Web 鳥圖鑑,再接 Raspberry Pi、BirdNET-Go 與電子紙;含台灣鳥種素材、誤判 A/B、離線、耗電、回滾與授權驗收。

從 NoBg 0.3.1 安裝到 Alpha 輸出,用同一張圖做預設 prompt vs 明確名詞 A/B,再以黑、白、青三色背景和四欄盲評,建立可重跑的 MultiMatte 去背交付流程。

YuE2 先生成可修改的 ABC 樂譜,再渲染完整人聲歌曲。本文用 7 步完成 Linux/NVIDIA preflight、固定模型版本、改和弦、保存 artifacts 與盲聽 A/B。

Text-to-CAD 產出 STEP 後,如何確認尺寸、干涉與可製造性?用非承重桌面線材導槽,建立規格、重開、量測、DfAM 與 slicer 的三關驗收流程。

AuK 能用同一套模型做本機 TTS、改字與情緒編輯,但 4-step Flash 不等於品質必勝。這篇用相同素材、3 seeds 與四層 hard gates,教你完成 Base/Flash A/B、處理 Qwen 授權,並匯出可追溯 WAV。

不用在傳統時間軸裡反覆手拉畫面。這篇教你把影片變成由 Claude Code 或 Codex 維護、可預覽、可檢查、可重新輸出 MP4 的 HTML 專案。

GPT-6 Astra 怎麼控制 Blender?本篇比較背景 CLI、即時 Python 與官方 Blender Lab MCP,從低多邊形機器人開始,建立 .blend、生成腳本、8 張 turntable render、物件清單與五道品質驗收閘門。

LLaDA-Image Base、Turbo、BF16、FP8 到底怎麼選?依官方釘選程式跑 Python 生圖與參考圖改圖,再安全評估非官方 ComfyUI 節點。