Help us improve
Share bugs, ideas, or general feedback.
How this skill is triggered — by the user, by Claude, or both
Slash command
/vibeflow:vibeflow-browser-testingThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
真实浏览器验证不是“可选加分项”,而是页面交互类改动的运行时验真环节。
Runs browser-based QA validation after system tests pass. Performs visual walkthroughs, interaction flow testing, and a11y checks using Playwright and Chrome DevTools, generating a QA report.
Drives a real browser to navigate, snapshot, interact, and capture evidence for end-to-end verification of web pages or web apps. Supports agent-browser, playwright-cli, or chrome-browser MCP.
Captures fresh browser runtime evidence (screenshot, console log, network trace) after frontend tests pass GREEN, for downstream gates. Not a review or verdict.
Share bugs, ideas, or general feedback.
真实浏览器验证不是“可选加分项”,而是页面交互类改动的运行时验真环节。
vibeflow-browser-testing 是 VibeFlow 在 test 阶段的浏览器验证底座:
vibeflow-test-system 和 vibeflow-test-qa 调用在以下情况使用:
以下情况不要使用:
优先使用 Playwright MCP 负责:
当需要运行时诊断时使用:
当 MCP 工具在当前宿主不可用时,使用:
python scripts/browser_verify.py --url <url> --out-dir <dir>
该脚本可在真实 Chromium 中采集:
满足任一条件,就必须运行真实浏览器验证:
ui: truedesign.md 或 ucd.md 定义了页面交互先读取:
references/security-boundaries.md强制规则:
brief.md、design.md、tasks.mducd.mddocs/changes/<change-id>/verification/system-test-plan.md(如已存在)如尚未存在,则创建:
docs/changes/<change-id>/verification/browser-test-plan.md至少包含:
对每个关键路径至少执行:
如发现问题,进一步检查:
浏览器验证通过至少要满足:
保存:
docs/changes/<change-id>/verification/browser-test.md格式参考:
references/browser-test-report-template.md不要仅凭源码推断 UI 是否正常。涉及浏览器运行时的问题,必须在真实浏览器里验证。
禁止:
sleep优先:
优先级:
rolelabeltexttestid浏览器验证需要同时看:
不要让一次验证消息既做大规模交互,又做无边界的运行时探索。
必选产物:
docs/changes/<change-id>/verification/browser-test-plan.mddocs/changes/<change-id>/verification/browser-test.md可选证据目录:
docs/changes/<change-id>/verification/browser/调用者:
vibeflow-test-systemvibeflow-test-qa可读:
brief.mddesign.mdtasks.mducd.mdfeature-list.json产出:
browser-test-plan.mdbrowser-test.md回传:
buildqa