具有自適應載入策略的智慧型網路品質分析。偵測連線類型 (2g/3g/4g)、頻寬、RTT 和儲存資料模式，然後自動觸發適當的最佳化工作流程。包括建議針對慢速連接進行圖像壓縮的決策樹、針對高 RTT 的關鍵 CSS 內聯以及保存資料優化（禁用自動播放、降低品質）。具有連線感知效能預算（2g 500KB、3g 1.5MB、4g+ 3MB）和自適應載入實施指南。與載入（TTFB 影響）、媒體（響應式圖像）和核心 Web Vitals（對 LCP/INP 的連接影響）的跨技能整合。當使用者詢問慢速連線、行動優化、儲存資料支援或自適應載入策略時使用。與 Chrome DevTools MCP 相容。
透過命令列快速安裝 webperf-resources AI 技能到你的開發環境
來源：nucliweb/webperf-snippets。
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
When the user asks about network performance, connection quality, or adaptive loading:
When implementing adaptive loading or the user asks "how to optimize for slow connections":
具有自適應載入策略的智慧型網路品質分析。偵測連線類型 (2g/3g/4g)、頻寬、RTT 和儲存資料模式，然後自動觸發適當的最佳化工作流程。包括建議針對慢速連接進行圖像壓縮的決策樹、針對高 RTT 的關鍵 CSS 內聯以及保存資料優化（禁用自動播放、降低品質）。具有連線感知效能預算（2g 500KB、3g 1.5MB、4g+ 3MB）和自適應載入實施指南。與載入（TTFB 影響）、媒體（響應式圖像）和核心 Web Vitals（對 LCP/INP 的連接影響）的跨技能整合。當使用者詢問慢速連線、行動優化、儲存資料支援或自適應載入策略時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources具有自適應載入策略的智慧型網路品質分析。偵測連線類型 (2g/3g/4g)、頻寬、RTT 和儲存資料模式，然後自動觸發適當的最佳化工作流程。包括建議針對慢速連接進行圖像壓縮的決策樹、針對高 RTT 的關鍵 CSS 內聯以及保存資料優化（禁用自動播放、降低品質）。具有連線感知效能預算（2g 500KB、3g 1.5MB、4g+ 3MB）和自適應載入實施指南。與載入（TTFB 影響）、媒體（響應式圖像）和核心 Web Vitals（對 LCP/INP 的連接影響）的跨技能整合。當使用者詢問慢速連線、行動優化、儲存資料支援或自適應載入策略時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets