用ChatGPT Claude Midjourney Gemini搞定作品集網站需求到出圖的實操流程

想做一個設計工作室作品集網站，最卡人的往往不是程式碼，而是「我到底要什麼風格、要寫哪些頁面」。我常用一套四件套流程，把需求、文案、視覺和落地一次走通。

ChatGPT 負責把想法變成可執行清單

我會直接丟一句很糊的目標，比如「藍色水波紋主題+卡通船隻和潛水艇」，讓它輸出站點結構、模組文案和互動點。小技巧：提醒它用KISS思路，別把首頁寫成論文。

Claude 負責把需求寫得像交付文件

Claude很適合把「Bento Grid黑底+高亮色#2657FD、超大數字、Apple式滾動動效、Framer Motion和Tailwind CDN」這種要求整理成開發看得懂的規格，順便補上邊界條件，比如別亂用漸變、別用emoji當主圖示。

Midjourney 負責快速定調視覺資產

我會讓它出兩類圖：一類是主KV插圖（船隻/潛水艇/太空卡通人物），一類是線稿小元素做點綴。先出9宮格找方向，再局部放大細化，不然你會在「差一點點」裡循環崩潰。

Gemini 負責對照檢查和補盲

Gemini我更愛拿來做「體驗審查」：讓它站在訪客角度挑毛病，檢查資訊是否具體、是否能延長對話（別只寫「挺好」這種空話），再給你一版更像真人寫的簡介與FAQ。

我自己的小吐槽

記得固定你的預設模型設定，不然來回切模型，新話題突然「失憶」真的很煩。

如果你想把這套流程直接套到你的專案裡，少走彎路，去Titikey看看我整理的工具與模板，會省不少時間。