visual-qa

@code-yeongyu · 收录于 3 周前 · 上游提交今天

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.

场景ui改版后上线前检查组件验收

适合你，如果你需要自动化验证UI的像素级正确性

/ 下载安装

https://github.com/code-yeongyu/oh-my-openagent/tree/dev/packages/shared-skills/skills/visual-qa ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add code-yeongyu/oh-my-openagent/visual-qa

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- code-yeongyu/oh-my-openagent/visual-qa

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify code-yeongyu/oh-my-openagent/visual-qa

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

66743GitHub stars

~5.7K最小装载

~9.6K含声明引用

~16.5K文本包总量

索引托管

怎么用

商店整理自技能原文 · 版本 ace1339 · 表述以原文为准

它做什么

装上后，Claude 会在你构建或修改任何用户界面（网页或终端）后自动进行视觉质量检查。它会截图、对比参考图，运行设计系统和功能完整性审查，并给出“通过”或“不通过”的结论。

什么时候触发

在构建或修改任何 UI 后，或当你询问页面、组件或终端界面外观是否正确时触发。也适用于怀疑 UI 回归、CJK 文本裁剪、终端布局错位等场景。

装好后可以这样说

触发对修改后网页的视觉检查。

触发终端界面视觉检查。

触发参考图与实物的差异分析。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…