visual-qa

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

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 缺失或不一致均拒装。

65921GitHub stars

~5.7K最小装载

~9.6K含声明引用

~16.5K文本包总量

索引托管

怎么用

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

它做什么

安装后，Claude 会在你构建或修改任何用户界面后，自动进行严格的视觉质量检查。它会截取屏幕截图，与设计参考图对比，并检查设计系统一致性、文字是否被裁剪、终端界面是否对齐等问题，最终给出“通过”或“不通过”的结论。

什么时候触发

当你构建或修改了任何网页界面或终端界面，并声称完成时，Claude 会自动触发检查。也适用于你怀疑界面有视觉问题、需要与设计稿比对、或检查中文/日文/韩文文字显示是否正常时。

装好后可以这样说

Claude 会专门检查 CJK 文字是否被裁剪或错位。

技能原文在 GitHub 查看 →

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

…