用途:该技能在用户要求使用 Build Web Apps、web dev 或前端开发插件,对已渲染前端页面做改动、测试或排查缺陷时启用。它从简要提示中推断目标页面,可从仓库、当前浏览器地址、相关文件或运行中的开发服务器获取,目标 URL 不明确时先检查仓库脚本与本地端口。
主要能力与流程:默认对渲染前端界面的任何代码改动执行验证循环——确定目标流程、选择浏览器路径、做最小有效编辑、验证渲染行为、输出 QA 报告。目标流程需用一句话定义,例如“入口路由 -> 用户操作或状态 -> 预期渲染结果”;若用户仅要求常规冒烟测试,则使用“应用加载 -> 首个有效屏幕渲染 -> 主要可见控件响应且无运行时错误”。
浏览器路径:先判断 Browser 可用性。可用时须先阅读并遵循 browser 技能,不先使用普通 Playwright、外部 Chrome 或 shell open;不可用时改用普通 Playwright 并记录 Browser plugin not available;调用失败则视为浏览器路径阻断,仅在用户已允许回退或任务明确允许时才切换。浏览器命令通过 Node REPL JavaScript 工具执行,要求按序加载运行时、agent.browser.nameSession("...") 命名会话、用 agent.browser.tabs.selected() 或 agent.browser.tabs.new() 获取标签页、tab.goto(url) 导航,编辑后 await tab.reload() 并复测。
必查项:页面身份(tab.url() 与 tab.title())、非空白(tab.playwright.domSnapshot() 含有效内容)、无框架错误浮层、控制台健康(tab.dev.logs({ levels: ["error", "warn"], limit: 50 }))、截图证据、至少一次目标流程交互验证。视觉工作可加桌面与一种移动视口;参考驱动工作记录简述差异清单。
限制:不编造功能或步骤;仓库外运行临时脚本,不在仓库写入报告、截图、追踪或临时脚本,除非用户明确要求提交产物;不默认生成独立 HTML 报告。