I Built a Stunning Website With GPT-5.6 Sol, Terra and Codex

這部在講什麼教學

展示如何利用 GPT-5.6 的 Sol 與 Terra 模型配合 CodeX,透過錄製現有網站影片讓 AI 分析並重構成具備高品質動畫的原創登陸頁面。

適合誰想利用 AI 提升網頁設計與開發效率的開發者。
你會學會GPT-5.6 各模型的應用分工、影片提示工程(Video Prompting)技巧、網頁動畫迭代優化流程。
最值得看2:46 展示如何透過影片讓 AI 拆解並重建複雜的網頁佈局與動畫邏輯。

實作路線

0:13
1:46
2:46
7:47
9:48

照著做的重點意義優先,時間戳用來導航

類型0:13

模型分工定位

GPT-5.6 推出三版本:Sol(最強推理/複雜任務)、Terra(速度平衡/日常迭代)、Luna(極速)。
教學1:46

影片提示法做法

錄製參考網站的滾動、加載與互動影片,讓 AI 捕捉視覺細節,而非僅靠文字描述。
錯誤1:18

避免 generic AI 感

強調 One-shot Prompt(單次提示)難以達成完美效果,成品品質取決於開發者的引導與多次細節微調。
做法5:36

設計混血策略

結合多個網站的參考優點(如 A 站結構+B 站動畫),確保最終成品與參考源具備差異性與原創感。
技巧7:47

針對性迭代

使用較輕量的 Terra 模型處理小範圍修改(如 FAQ 懸停效果或修復拖拽卡片 Bug),兼顧效率與性能。

看完可以做什麼

嘗試錄製一段你喜歡的網站操作影片,並將其餵給具備多模態分析能力的 AI 助手,要求其拆解該網站的滾動動畫邏輯。
需要留意:AI 在處理複雜互動(如循環滾動卡片)時仍可能產生邏輯錯誤,需具備基本程式觀念進行除錯或引導。

觀眾怎麼看

整理 23 則有效留言信心 高

觀眾高度肯定影片展示的 AI 影片分析工作流,但對生成網頁的實際效能與 AI 創作能力仍有疑慮。

共識工作流簡化與成效6 則提及

觀眾普遍認為透過影片分析作為提示詞的方法非常直觀且高效,能顯著簡化網頁設計流程。

疑問技術細節與效能5 則提及

觀眾詢問錄影工具、提示詞平台,並對生成網頁的載入速度與 Page Speed 指標表示關切。

留言樣本數有限,且部分意見涉及個人主觀體驗,未必代表所有使用者觀點。

生成於 2026-07-15 檢舉
摘要先揭露後段價值,完整內容仍屬於原創作者。 回 YouTube 看最值得的一段 → 在 YouTube 邊播邊讀 · 加入 Chrome →