用途:对项目每个页面做移动端响应式审计与修复,并用浏览器截图做视觉验证。
主要能力:自动探测开发服务器 URL(读取 package.json 的 scripts.dev、.env 中的 PORT、next/vite/astro 配置等);识别框架与路由(Next.js、Remix、Astro、SvelteKit 等,React Router 类需用户提供 URL 列表);逐页在 375x812 截图分析布局溢出、元素重叠、间距、字号、触控目标小于 44x44px、iOS 输入缩放等问题;修复后重新截图验证,并在 1440x900 检查桌面端是否回归;最后汇总改动并提交。
使用方式:需完整 Arc bundle 安装,而非仅 prompts。优先使用 Chrome MCP,其次 agent-browser,必要时 Playwright。流程为:选择浏览器工具、探测并确认开发服务器、读取设计文档与界面规则、发现并确认路由(动态路由需样例 slug,受保护路由需先登录)、逐页截图→分析→修复→验证→桌面检查→滚动检查,最后批量提交,可选生成审计文档。
限制:禁止调用 EnterPlanMode/ExitPlanMode;提问需一次一问。若无法探测到开发 URL 或页面加载失败,会明确提示而非静默回退。未提供具体收费、平台支持范围与效果数据。