用途：在 Cursor 中完成 UI 改动后做一次可视化 QA，验证视觉效果、发现控制台错误并审查网络请求，无需离开编辑器。
主要能力：该技能基于 Cursor 内置浏览器（cursor-ide-browser MCP），可导航到 URL、截图、读取控制台消息、检查网络请求并与页面元素交互。
使用方式：先确认开发服务器已运行，若没有则在后台启动 npm run dev，并等待输出出现 ready 或 localhost 地址；用 browser_navigate 打开目标页面，可带 take_screenshot_afterwards；若改动位于特定路由，可直接访问该路由（如 /settings、/dashboard）。随后用 browser_take_screenshot（fullPage: true）截图，检查布局错乱、内容缺失、颜色错误、元素错位等问题。用 browser_console_messages 查看 JavaScript 错误或警告，重点关注 TypeError、ReferenceError、导入失败和 React hydration 不匹配；用 browser_network_requests 检查失败或异常请求，如 4xx/5xx、CORS 错误、过大响应和重复请求。涉及交互元素时，先用 browser_snapshot 获取正确的元素引用，再用 browser_click、browser_fill、browser_hover 测试并再次截图验证。最后汇总截图结论、控制台问题与网络请求健康状况。
限制与说明：做响应式测试可用 browser_resize 检查不同视口；可用 browser_navigate 的 position: "side" 将浏览器打开在代码旁。资料未提供其他依赖、收费或平台信息。