---
title: 用 AI 針對現有網站寫 spec 的心得
updated: 2026-01-11 11:05:23Z
created: 2026-01-11 03:52:21Z
latitude: 25.03296940
longitude: 121.56541770
altitude: 0.0000
---

目前我用網站雛形，想請 AI 寫時間軸的後台功能資料結構規格書，用了以下工具：

檢視頁面：Playwright （AntiGravity 沒用到）

Prompt：

幫我用 mcp playwright 看過 https://web-en.test7362.aiacademy.tw/about-aia.html 頁，我要加一個 laravel 的內容類型是下面的 timeline 的，一年一個 row ，一個 row 有多個不同的 li 描述拆成下面的 timeline ，我要可以在後台 filament 上稿，幫我寫這個功能的規格書。可參考 laravel/resoureces/docs 其他文件

使用工具：

codex：  
結構設計：⭐⭐⭐⭐  
建立了三個資料表，我一開始覺得多餘但後來覺得無所謂，反正重點在前端，而且這樣很完整  
內容：⭐⭐⭐  
描述性的內容居多，程式碼很少  
工具使用：⭐⭐⭐⭐  
花很多心思調用 Playwright ，但最後失敗還是能用 fetch url  
速度：⭐⭐  
工具使用錯誤導致花了不少時間

copilot claude sonnet4.5：

結構設計：⭐⭐⭐⭐⭐  
設計成兩個工作表，是我覺得最理想剛好的設計  
內容：⭐⭐⭐  
超多程式碼，多到滿出來，1238 行。但說明太少，很難閱讀，後台設計也不夠人性。  
工具使用：⭐⭐⭐⭐⭐  
使用一次 Playwright 失敗就直接改用 fetch url ，時間上抓得很好  
速度：⭐⭐⭐⭐⭐  
產的速度很快

AntiGravity - Gemini  
結構設計：⭐⭐⭐⭐⭐  
也是兩個工作表，是蠻理想剛好的設計  
內容：⭐⭐⭐⭐  
說明跟程式碼數量簡單剛好，兩者相輔相成  
工具使用：⭐⭐⭐⭐⭐  
因為有原生 browser 直接繞過 Playwright 了  
速度：⭐⭐⭐  
原生 Browser 不是 headless ，動作很慢

Gemini CLI

結構設計：⭐⭐⭐  
只用一個資料表，感覺就很不會，後來歡察是沒用對 tools  
內容：⭐⭐⭐⭐  
說明文字清楚，但只有用一個頁面在做後台管理，感覺不夠  
工具使用：⭐⭐  
跟本沒有 fetch url   
速度：⭐⭐⭐⭐  
沒 fetch url 就沒什麼好說的XD

* * *

執行 voices 的部份

使用 cursor, gpt-5.2

1759.6W-227.1w=1532.5W token

5.84usd-1.44usd=4.40usd