⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
WebPerf 性能调试工具包 - 47个Chrome DevTools代码片段，快速诊断网页加载、交互与核心指标
webperf by nucliweb/webperf-snippets
安装命令
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf🇨🇳中文介绍
WebPerf 代码片段工具包
一套包含 47 个 JavaScript 代码片段的集合，用于在 Chrome DevTools 中测量和调试网页性能。每个代码片段都在浏览器控制台中运行，并输出结构化的、带颜色编码的结果。
快速参考
| 技能 | 代码片段数量 | 触发短语 |
|---|---|---|
| webperf-core-web-vitals | 7 | "debug LCP", "slow LCP", "CLS", "layout shifts", "INP", "interaction latency", "responsiveness" |
| webperf-loading | 28 | "TTFB", "slow server", "FCP", "render blocking", "font loading", "script loading", "resource hints", "service worker" |
| webperf-interaction | 8 | "jank", "scroll performance", "long tasks", "animation frames", "INP debug" |
| webperf-media | 3 | "image audit", "lazy loading", "image optimization", "video audit" |
| webperf-resources | 1 | "network quality", "bandwidth", "connection type", "save-data" |
工作流程
- 根据用户的问题确定相关技能（参见上方的快速参考）
- 加载该技能的 skill.md 文件，查看可用的代码片段和阈值
- 使用 Chrome DevTools MCP 执行：
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
