$ loading_
基于浏览器页面内容进行问答，帮助快速提取信息与核对细节。
复制安装指令，让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "browser-qa" 技能： 1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/docs/zh-CN/skills/browser-qa/SKILL.md 2. 保存为 ~/.claude/skills/browser-qa/SKILL.md 3. 装好后重载技能，告诉我可以用了
请读取我当前打开的网页，并回答：这篇文章的核心观点是什么？请用3条要点总结，并附上文中支持这些观点的关键句。
返回网页核心观点的精炼总结，并引用页面中的关键依据句子。
查看当前产品页面，告诉我这个产品的价格、主要功能、适用人群和退款政策；如果页面没有明确写出，请标注“未找到”。
结构化列出页面中的产品关键信息，并明确指出缺失项。
阅读当前帮助中心页面，回答：如何重置密码？请给出具体步骤，并说明是否有邮箱验证或时间限制。
输出基于当前帮助文档的操作步骤说明与相关限制条件。
使用浏览器自动化 MCP（claude-in-chrome、Playwright 或 Puppeteer），像真实用户一样与线上页面交互。
1. 打开目标 URL
2. 检查控制台错误（过滤噪声：分析脚本、第三方库）
3. 验证网络请求中没有 4xx / 5xx
4. 在桌面和移动端视口截图首屏内容
5. 检查 Core Web Vitals：LCP < 2.5s，CLS < 0.1，INP < 200ms
1. 点击所有导航链接，验证没有死链
2. 使用有效数据提交表单，验证成功态
3. 使用无效数据提交表单，验证错误态
4. 测试认证流程：登录 → 受保护页面 → 登出
5. 测试关键用户路径（结账、引导、搜索）
1. 在 3 个断点（375px、768px、1440px）对关键页面截图
2. 与基线截图对比（如果已保存）
3. 标记 > 5px 的布局偏移、缺失元素、内容溢出
4. 如适用，检查暗色模式
1. 在每个页面运行 axe-core 或等价工具
2. 标记 WCAG AA 违规（对比度、标签、焦点顺序）
3. 验证键盘导航可以端到端工作
4. 检查屏幕阅读器地标
## QA 报告 — [URL] — [timestamp]
### 冒烟测试
- 控制台错误：0 个严重错误，2 个警告（分析脚本噪声）
- 网络：全部 200/304，无失败请求
- Core Web Vitals：LCP 1.2s，CLS 0.02，INP 89ms
### 交互
- [done] 导航链接：12/12 正常
- [issue] 联系表单：无效邮箱缺少错误态
- [done] 认证流程：登录 / 登出正常
### 视觉
- [issue] Hero 区域在 375px 视口下溢出
- [done] 暗色模式：所有页面一致
### 可访问性
- 2 个 AA 级违规：Hero 图片缺少 alt 文本，页脚链接对比度过低
### 结论：修复后可发布（2 个问题，0 个阻塞项）
可与任意浏览器 MCP 配合：
mChild__claude-in-chrome__* 工具（推荐，直接使用你的真实 Chrome）mcp__browserbase__* 使用 Playwright可与 /canary-watch 搭配用于发布后的持续监控。
通过双评审智能体对结果进行对抗式校验，提升输出发布前的可靠性
让 AI 通过隐蔽伪装的 Firefox 浏览器执行网页浏览、交互与信息提取