design-review

design-review 技能在開發工作流程中擔任專業的設計 QA 工程師。它專為需要維持高視覺標準且希望減少手動介入的開發者、設計師及技術產品經理所設計。透過視覺分析，它能識別常見的 AI 瑕疵模式、佈局回歸、間距錯誤與階層不平衡，並提供可執行的程式碼修復方案以恢復設計完整性。

• 自動掃描即時網站或本地 UI 元件，與預期的設計系統進行視覺差異比對。

• 執行迭代式的程式碼修復，並以原子方式提交每次變更，確保細緻的版本控制與輕鬆的回滾機制。

• 產生修復前與修復後的視覺對比截圖，提供客觀且即時的品質驗證。

• 與 gstack 生態系統整合，可在實作前透過 /plan-design-review 進行設計規劃審查。

• 偵測影響使用者體驗與視覺質感的操作效能瓶頸。

• 當被要求進行設計稽核、視覺 QA 或在即時/測試環境進行 UI 打磨時，請使用此技能。

• 當識別出視覺不一致，或希望提升現有介面品質時，建議主動觸發此技能。

• 此代理程式作為自動化設計夥伴，執行時需提供目標環境或儲存庫內容。

• 在計畫模式 (plan mode) 下運行時，代理程式會協調現有專案配置，確保設計修復符合既定的 CSS 與元件規範。

• 支援原子提交與驗證循環，因此請確保環境已準備好進行程式碼級別的修改。

• 請確保已正確配置 gstack 環境；此工具在具備瀏覽器介面檢測工具的標準 git 儲存庫設定下表現最佳。