Skip to content
◆ PROMPTCRAFT·Claude Code · advanced看完整 →

自動化設計審查:用 Playwright MCP 跑 UI/UX/無障礙審查(design-review 子代理)

把 OneRedOak 的 design-review 工作流策展成可直接套用的版本:用 Playwright MCP 在真實瀏覽器環境裡,依 7 個階段(互動、響應式、視覺、無障礙、健壯性、程式碼健康)自動審查前端變更,並依 Blocker/High/Medium/Nitpick 分級回報。

PREVIEW · 提示詞預覽
前端 PR 的「設計品質」總是最後才被人眼掃過、又常漏掉無障礙與 RWD 問題?這個 design-review 子代理用 Playwright MCP 真的開瀏覽器、量斷點、截圖、看 console,照 7 階段幫你審查並分級回報。

[ ... 完整 prompt + 變數說明 + sample output 在原站 ]
Claude CodesubagentPlaywrightMCPdesign reviewaccessibility