Agent Skills
› winstonkoh87/Athena-Public
› visual-verify-ui
visual-verify-ui
GitHub前端视觉QA测试技能，自动部署浏览器工具进行回归测试和响应式设计检查。通过启动本地服务器、导航目标URL，并捕获多端视口截图以验证UI状态，返回视觉证据供协议循环使用。
触发场景
check the UI
does this look right
take a screenshot
安装
npx skills add winstonkoh87/Athena-Public --skill visual-verify-ui -g -y
SKILL.md
Frontmatter
{
"name": "visual-verify-ui",
"model": "default",
"auto-invoke": false,
"description": "Wraps the browser tool into a dedicated visual QA testing skill for frontend work.",
"allowed-tools": [
"Bash",
"Read"
],
"argument-hint": "test <url> | snap",
"context_trigger": "check UI, screenshot, does this look right, visual QA, responsive, browser test, layout check"
}
Visual QA & UI Verification
Automates visual regression testing and responsive design checks by formally deploying browser tools to capture DOM states and screenshots.
Triggers
"check the UI", "does this look right", "take a screenshot"
Core Mechanics
- Boots local server if not running.
- Uses Browser tool to navigate to target URL.
- Captures full-page screenshots across Mobile, Tablet, and Desktop viewports.
- Returns visual evidence to the main protocol loop.
Reference Paths
.context/memories/protocols/engineering/99-visual-verification.md
版本历史
- e624e2d 当前 2026-07-19 08:47
