用途:验证 NetClaw 生成的浏览器可视化 HTML 文件(three.js、canvas、drawio、UML、markmap)是否真正渲染成功,替代人工手动打开浏览器检查空白画布、JavaScript 报错或布局损坏。
主要能力:在受控的无头 Chrome 会话中打开本地 file:// 文件,等待页面渲染完成后截图,读取控制台消息,并可选执行 Lighthouse 审计,最后输出判定结果。它从不访问远程 URL,也不使用 browser-gui-inspect 的持久化已认证浏览器配置,只打开本地文件路径。
使用方式:该技能通过 chrome-devtools-mcp 服务器(官方 Chrome DevTools 团队 npm 包)提供的工具运行,本地以 npx -y chrome-devtools-mcp@latest 通过 stdio 传输启动,无需环境变量。输入为 file_path(必填,生成的可视化 HTML 文件的绝对路径)和 run_audit(可选,默认 false,是否运行 Lighthouse 审计)。流程:确认文件存在;用 new_page 打开 file:// 路径;用 wait_for 进行有界等待;take_screenshot 截图;list_console_messages 读取控制台并按有无错误/警告分类;若 run_audit 为真则执行 lighthouse_audit 并汇总性能与可访问性;最后 close_page 关闭会话。
输出:包含 verdict(rendered_clean、rendered_with_errors、timed_out 或 file_not_found)、screenshot_path、console_errors,以及仅在 run_audit 为真时出现的 audit_summary。
适用场景与限制:该技能为纯观察性操作,不写入任何系统,无需 ITSM 门控。当结果为 rendered_with_errors 或 timed_out 时,应将确切的控制台消息或超时情况与生成文件一并告知操作者,而非静默报告成功。file_not_found 时应确认可视化技能确实写入了文件。它不会自动修复问题,也无法确认渲染之外的业务正确性。