SuperAPI AI 工具集

visual-qa

通用与其它

查看项目

更新于 10-15 19:50

技能介绍

用途:visual-qa 用于自动化视觉质量保证,通过多视口截图检查网页在不同设备尺寸下的显示效果,适合上线后或改版后的页面视觉回归检查。

主要能力:支持单 URL、站点 URL 或 URL 列表三种目标确定方式;站点模式会用 browser_links 发现关键页面(如首页、关于、定价),最多 10 个。默认视口为 mobile 375x812(iPhone 14)、tablet 768x1024(iPad)、laptop 1280x800(13 英寸笔记本)、desktop 1920x1080(Full HD),用户可覆盖。逐页逐视口调用 browser_screenshot(url, width=W, height=H) 保存 PNG 到 screenshots/{page-slug}/{viewport-name}.png,并分批处理以遵守速率限制。随后读取每张 PNG,检查布局破损或元素重叠、文字溢出或截断、图片或图标缺失、移动端横向滚动条、导航菜单问题、页脚对齐等。最后输出 Markdown 报告,包含域名、日期、检查页数、视口列表、每页各视口状态(OK/WARNING/ISSUE)及汇总统计。

使用方式:需先在 .mcp.json 中配置 CF Browser MCP 服务器。参数包括 url(必填)、viewports(可选,自定义视口列表)、pages(可选,指定页面路径)、full_page(可选,默认 false,是否截取完整可滚动页面)。示例:检查首页所有设备、检查定价页移动端与桌面端、部署后整站视觉 QA、文档全页截图。

限制:依赖 CF Browser MCP 服务器;站点模式页面发现上限 10 个;需注意速率限制并分批处理;资料未提供具体安装命令、收费信息或平台支持范围。