Testerloop——前端 UI 体验自动巡检

帮前端团队自动检查布局错位、交互异常和体验细节的测试工具

痛点

现在的前端自动化测试大多只覆盖功能路径，但很多用户真正在意的是 UI 布局、交互反馈和视觉一致性。有人明确在问有没有工具能对前端 UI 布局和用户体验做自动化测试，说明现有方案要么偏功能、要么偏截图对比，很难覆盖“体验”这种模糊但重要的维度。

方案

做一个面向前端团队的 AI 巡检工具：配置关键页面和视口后，自动截图并分析布局错位、元素重叠、文字溢出、按钮不可点等常见 UI 问题，并输出带标注的巡检报告。用户可以用自然语言描述期望，比如“这个按钮在移动端应该始终可见”，工具在每次构建后自动复查。

用户

前端团队、独立开发者、设计走查人员，尤其是没有专职 QA 但重视 UI 质量的小团队

MVP

配置页面 URL 与视口列表；运行后自动截图并检测布局重叠、溢出、元素不可见等规则；支持用自然语言写期望并定期复查；输出带高亮截图的报告到 PR 评论；接入 GitHub Actions

变现

按项目或月度订阅，免费版限制页面数和检查频率；提供 API 供 CI 集成

为何现在

多模态模型已能理解截图中的布局与交互问题；前端团队对“体验回归”有明确焦虑，却没有便宜好用的工具