10分鐘搞定5個神級網頁！揭秘 Fable 5 的全自動 3D 網頁設計工作流
三句話摘要
用一句提示詞讓 Claude（飛波舞模型）自動生成五個風格各異、設計專業的完整網站。 在 AI 時代，網站設計的主要瓶頸已從技術技能轉移到審美能力，強大的提示詞加上 Claude 的生成能力，讓任何人都能輕鬆創造專業級網站。 提示詞設計的關鍵在於授權而非限制 — 讲者没有逐步指导 Claude 如何设计，而是设定清晰的终极目标、质量标准和创意自由度，要求三次迭代修正确保卓越，让模型充分发挥审美能力。
重點整理
重點- 1
提示詞設計的關鍵在於授權而非限制 — 讲者没有逐步指导 Claude 如何设计，而是设定清晰的终极目标、质量标准和创意自由度，要求三次迭代修正确保卓越，让模型充分发挥审美能力。
- 2
Claude 的審美能力已超越多數人類設計師 — 模型能獨立決策設計風格、配色方案、排版布局、字體選擇和動畫效果，生成的網站兼具視覺美感和專業度，無需人工干預。
- 3
充分利用 MCP 工具整合實現完整工作流 — Claude 透過 Hexfield MCP 自動呼叫 Clean 3.0 Turbo、DALL-E、NanoBnana 等多個 AI 模型庫，實現圖片生成、視頻製作、排版渲染的全自動化。
- 4
可復製的設計指南降低入門門檻 — 每個網站都生成設計說明書，詳列配色、布局、使用模型、字體等要素，讓任何人都能複製這個模式快速生成類似網站。
實用技巧與重點
乾貨- 五個網站名稱與風格：
- WetNeon（賽博朋克、雨夜氛圍、模特動畫）
- 國家地理（綠洲、火山、極光、雪山、衝浪、雨林場景）
- Dessert（甜品店、巧克力主題、食物動畫）
- 太空檔案館（行星系統展示）
- 潮玩品牌（可愛字體、playful 風格）
- 使用的工具與模型：
- Claude（飛波舞/Fable 5）
- Hexfield（MCP 工具中心）
- Clean 3.0 Turbo 模型
- 圖片生成：DALL-E、NanoBnana、Cdance
- 視頻生成：Vuo 3.2.7、Flox
- 素材來源：Pexels
- 提示詞核心指令：
- 生成 5 個差異化風格網站
- 展示極限設計與藝術能力
- 融合 3D、精美動畫、進階配色、新穎字體
- 可調用 Pexels、GPT Image、Hexfield 等工具
- 部署至本地 Local Host
- 附帶設計指南說明
- 每個網站至少三次迭代修正
結論
結論“在 AI 時代，網站設計的主要瓶頸已從技術技能轉移到審美能力，強大的提示詞加上 Claude 的生成能力，讓任何人都能輕鬆創造專業級網站。”
完整解析
詳細現代網站設計往往被分解為多個框架步驟，設計者需逐一執行。但隨著 Claude 等大語言模型能力的躍升，這種傳統方式已顯過時。講者認為模型的審美能力已超越大多數人類設計師，因此發起一項實驗：僅用一句高品質提示詞，讓 Claude 自動生成五個風格完全不同的專業網站。
提示詞的設計至關重要。講者沒有給出任何設計步驟或條框框架，而是明確設定了終極目標：生成五個網站來展示 Claude 的設計能力上限，融合 3D 效果、流暢動畫、精美配色與創新字體。更重要的是，他賦予 Claude 完全的創意自由權，允許它從 Pexels 下載圖片、使用 DALL-E 生成圖像、甚至透過 Hexfield 的 MCP 插件調用 Claude 的多個 AI 模型庫。提示詞還要求每個網站經過至少三次迭代修正，確保設計精良。
當這個提示詞被輸入後，Claude 交付了令人印象深刻的成果。它生成了五個風格迥異的完整網站。WetNeon 採用賽博朋克風格，營造下雨天的暗黑氛圍，配搭模特行走的動畫；國家地理風格網站展現了綠洲、火山、極光、雪山與雨林的自然場景；甜品店主題以巧克力與甜點的精美圖片和互動動畫為核心；太空檔案館展示行星系統的宇宙設計；潮玩品牌網站則採用可愛字體與 playful 語言。所有圖片與視頻都由 Claude 透過 Hexfield MCP 自動生成，無須人工介入。
每個網站都附帶詳細的設計指南，記錄了配色方案、布局結構、使用模型、字體選擇和設計理念。這種可復現的設計文檔讓任何人都能複製這個模式。講者建議，對於不確定風格的用戶，可以讓 Claude 生成 10-20 個版本，從中選擇 1-3 個最喜歡的風格組合。
關鍵時刻
Pipeline v2帶時間戳的重點，會在逐字稿層級分析上線後產生。目前請先透過原始影片觀看。
事實查核
Pipeline v2說法查證是下一次管線升級的一部分。KeyFrame 只會顯示它真正能驗證的內容。
