SuperAPI AI 工具集

visual-qa

前端与建站

查看项目

更新于 10-16 03:41

技能介绍

用途:在发布前以用户视角检查前端改动,通过浏览器截图发现视觉与 UX 问题,而非阅读源码判断。

主要能力:启动开发服务器、根据 git diff 推断受影响路由、对每个路由和视口截图(含长页面滚动截图)、按清单检查布局、排版、颜色对比度、组件与常见 AI 生成痕迹,并按 P0/P1/P2 分级报告。

使用方式:可独立运行 /visual-qa [url],默认 URL 为 http://localhost:3000,默认视口桌面 1280x720,--mobile 增加 390x844,--routes 指定路由,--fix 自动修复琐碎问题。也可被 /build、/autopilot、/frontend-design、/review-and-fix、/pr、/commit 等技能调用。

限制:默认仅报告,--fix 只自动处理间距、对比度、溢出、暗色模式等琐碎问题,布局重构、文案与主观审美需用户决定;不通过读源码验证视觉正确性。具体安装与依赖细节暂未提供。