SuperAPI AI 工具集

web-perf-ux

通用与其它

查看项目

更新于 10-16 02:35

技能介绍

用途:面向 Web 应用的性能与用户体验优化,通过自动化分析帮助开发者测量、诊断并规划修复性能问题。

主要能力:提供端到端工作流“测量→分析→解释→规划→执行”。测量阶段以 Lighthouse CLI 为主,通过 scripts/lighthouse-runner.sh 运行,支持移动端(默认)、桌面端与本地开发模式,例如:./lighthouse-runner.sh https://example.com、./lighthouse-runner.sh https://example.com --desktop、./lighthouse-runner.sh http://localhost:3000 --no-throttling;辅以 Playwright 注入 scripts/collect-vitals.js 采集交互型 Web Vitals(如 INP、CLS)。分析阶段解析 Lighthouse JSON,提取性能分数、指标值、失败审计与预估收益,并对照 Core Web Vitals 阈值与常见问题模式,含 Next.js、React 专项参考。解释阶段生成 Markdown 报告,包含执行摘要、评分卡、逐条发现(证据、根因、修复建议、验证方式)、快速收益与战略性修复、复测计划。规划阶段将发现转为任务,按影响与置信度排序,并打上 Hydration/SSR、图片、JS 包、字体、CSS、缓存、第三方等标签。

使用方式:需先满足前置检查——Playwright MCP 可用(browser_navigate 可访问目标 URL),Lighthouse CLI 可用(lighthouse --version),缺失时执行 npm install -g lighthouse;目标 URL 可访问,优先生产或预发环境。默认止步于计划与任务列表;若用户要求实施,需确认变更范围,对高置信度修复提供具体代码补丁,并在应用前获得用户批准,改后重新测量验证。

适用场景:页面加载性能诊断、特定用户流程的 INP 测量、导航期间 CLS 来源排查、回归测试与具体问题调试。

限制:本地开发结果需标注为“非生产环境”,使用 --no-throttling,仅适合回归测试与调试,绝对性能数值、TTFB、缓存不可靠;生产/预发结果更可信。资料未提供收费、价格与平台支持等细节。