visual-qa
在发布前提供客观截图和并行审查,降低 UI 回归与感知差错风险。
会截取页面/终端截图与访问受保护页面,可能涉及敏感信息与授权问题。
对网页或终端 UI 进行脚本化的可证据化视觉 QA,结合双重只读 Oracle 判定结果。
在做完界面改动后跑一遍严格的视觉 QA:对网页和终端 UI 截图、做像素 diff,并用双重只读 Oracle 做设计/可视性检查(含 CJK 文本和 TUI 对齐)。常在发布前或视觉有疑问时使用,能输出可证据化的截图和判定结果。优点是把功能审查与视觉保真同时验收,减少回归和排版问题。
▸ 展开 SKILL.md 英文原文
MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI looks wrong, reference fidelity, design system check, responsive check, CJK text clipping, TUI alignment, box-drawing drift.
帮我安装这个 skill:https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/dev/packages/shared-skills/skills/visual-qa/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/dev/packages/shared-skills/skills/visual-qa/SKILL.md"# Visual QA - Dual-Oracle Web and TUI Verification Verify a rendered UI against intent using objective script evidence plus two parallel read-only oracle passes, then synthesize one good/bad verdict. The script numbers focus the reviewers. They are not the verdict. ## Purpose and when to use - Use after you build or change any UI, before calling it done. Covers web/page UIs and TUI/terminal UIs. - Use when output must match a mock, a baseline, or a stated design intent; when you suspect a regression; when CJK (Korean/Japanese/Chinese) text may clip, misalign, or wrap awkwardly; when a claimed design system might actually be a flat image; when a terminal layout may overflow or its borders