讓 AI 做出獲獎級網站的提示詞
重點整理
請 Claude、Codex 這類 AI 一口氣生成網站，做出來總覺得普普通通？在提示詞最後加上這一段：
以 Awwwards、Webby Awards、FWA 獲獎級網站為品質標準，完成後從排版、留白、視覺層級、色彩、動效、微互動、響應式和原創性上自檢並持續優化，直到沒有明顯可提升之處。
為什麼有用：三個要素缺一不可
- 品質標準：以國際網頁設計獎的獲獎作品為目標
- 檢查面向：排版、留白、視覺層級、色彩、動效、微互動、響應式、原創性
- 停止條件：持續優化，直到沒有明顯可提升之處
小提醒：先把網站的內容與功能需求寫清楚，再把這段加在最後。
行動清單
- [ ] 寫清楚網站的內容與功能（先做）
- [ ] 在提示詞最後貼上品質標準（每次）
- [ ] 檢查八個面向的成果（完成後）
- [ ] 不滿意就請它再自檢一輪（需要時）
好的提示詞，存一次就能一直用。
知識卡
1. 給 AI 一個具體的品質標準
- 情境：請 AI 生成網站，成品功能可用但看起來很普通。
- 原則：AI 需要知道「好」長什麼樣子；指名國際設計獎的獲獎作品，就是一個具體標準。
- 做法：在提示詞最後加上「以 Awwwards、Webby Awards、FWA 獲獎級網站為品質標準」。
- 提醒：先寫清楚內容與功能需求，品質標準是加在最後的要求。
- 標籤：#AI工具 #提示詞
2. 列出要自檢的設計面向
- 情境：AI 自我檢查時只看功能有沒有壞，不看設計。
- 原則：明列檢查面向，AI 才會逐項檢視並修正。
- 做法：要求它完成後從排版、留白、視覺層級、色彩、動效、微互動、響應式、原創性八個面向自檢。
- 提醒：面向越具體，修改方向越明確。
- 標籤：#提示詞 #網頁設計
3. 設定「直到沒有明顯可提升之處」
- 情境：AI 做完一版就停，還有很多可以修的地方。
- 原則：給一個停止條件，AI 會持續優化而不是交差了事。
- 做法：在提示詞結尾寫「持續優化，直到沒有明顯可提升之處」。
- 提醒：仍要自己看過成果，不滿意就請它再自檢一輪。
- 標籤：#AI工具 #提示詞
