技能概述
Critique 係一個 5 維度專家級設計評審技能，可以對任何 HTML artifact 進行全面審視。輸出係一份獨立 HTML 評審報告，包含雷達圖（SVG）、5 個維度卡片（含證據同評分）同 Keep / Fix / Quick-wins 行動清單。
5 個維度各自獨立評分（0-10 分），唔會用平均分掩蓋問題 — 如果層級係 5 分但創新係 9 分，報告會如實反映。
觸發關鍵字
- critique、design review、design audit、5 维度评审、5-dim review
- audit my design、review my deck、review my landing page
- 評審、復盤
什麼時候用
- 生成設計後請求評審
- 比較兩個設計方案
- 自我檢查（生成前先評審）
- 用戶問「呢個設計有乜問題？」
- Agent 輸出前嘅 self-check 循環
使用方法
自然語言觸發
評審下剛才個設計
5 维度评审
Design review 一下個 landing page
幫我 audit 呢個 deck
指定技能
用 critique 技能評審
工作流程
- 獲取 artifact — 項目文件 / 貼上嘅 HTML / 剛才生成嘅 artifact
- 仔細閱讀 — 遍覽
<style>+ 6-8 個代表性內容塊 - 帶證據評分 — 每個維度寫 30-80 字證據段落（提及具體 class / 頁號 / 元素）
- 整合行動清單 — Keep（3-5 項）/ Fix（3-6 項，P0/P1 排序）/ Quick wins（3-5 項，5-15 分鐘改動）
- 輸出評審報告 HTML
輸出格式
單文件 HTML 評審報告：
- Header：artifact 名稱 + 評審者 + 日期 + 一句 verdict
- 雷達圖（SVG 繪製，5 個維度分數）
- 5 個維度卡片（評分 + 證據段落 + Keep/Fix/Quick-win）
- 底部行動清單（Keep / Fix / Quick wins）
評分區間：0-4 Broken、5-6 Functional、7-8 Strong、9-10 Exceptional
5 個維度
| 維度 | 評什麼 |
|---|---|
| 哲學一致性 | 設計方向是否清晰一致，每頁是否「同一個故事」 |
| 視覺層級 | 陌生人能否一眼分清第一/第二/第三閱讀順序 |
| 細節執行 | 對齊、間距、字距、圖片框、footer 打磨 |
| 功能性 | 是否滿足使用場景（鍵盤導航、CTA、可讀性） |
| 創新性 | 是否有令人眼前一亮嘅設計元素 |
評分紀律
- 永遠帶證據 — 「scored 4 因為 hero 頁混用 Playfair 同 Inter」勝過「感覺唔一致」
- 唔好平均上調 — 最差持續區間決定分數
- 唔好評分膨脹 — 如果全係 7+ 分，你冇做真正嘅評審
- 創新可以低分 — 5/10 冇問題，唔好懲罰「適當嘅保守」
實際例子
例子 1：評審雜誌 PPT
用戶：「5 维度评审，review 下我啱啱生成嗰份雜誌 PPT。」
生成評審報告：
- 哲學一致性：8/10 — Monocle 方向清晰，但 page 7 用咗 emoji 破壞一致性
- 視覺層級：7/10 — hero 頁清晰，但 body 頁字級差異唔夠大
- 細節執行：6/10 — stat-cards 對齊乾淨，但 page 8 右欄 footer 偏高
- 功能性：8/10 — 翻頁流暢，鍵盤/觸摸/滾輪全正常
- 創新性：7/10 — WebGL 背景係亮點，其餘較保守
例子 2：評審 Landing Page
用戶：「評審下呢個 SaaS landing page」
報告指出：
- Keep: hero 層級清晰、accent 用量克制、CTA 位置正確
- Fix: pricing card 字級唔一致、mobile breakpoint 有問題
- Quick wins: 換 grid 修 page 4 偏移、統一 caption 字體