智慧型載入效能分析，具有 TTFB 調查（DNS/連接/伺服器故障）、渲染阻塞偵測、腳本效能深入研究（第一與第三方歸因）、字體優化和資源提示驗證的自動化工作流程。包括決策樹，可在速度緩慢時自動分析 TTFB 子部分、偵測腳本載入反模式（非同步/延遲/預先載入衝突）、識別渲染阻塞資源並驗證資源提示使用情況。具有完整加載審核（6 個階段）、後端效能調查和優先優化的工作流程。與 Core Web Vitals（LCP 資源載入）、Interaction（腳本執行封鎖）和 Media（延遲載入策略）的跨技能整合。當使用者詢問 TTFB、FCP、渲染阻塞、載入緩慢、字體效能、腳本優化或資源提示時使用。與 Chrome DevTools MCP 相容。
透過命令列快速安裝 webperf-loading 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 for a comprehensive loading analysis or "audit loading performance":
When TTFB is slow or the user asks "why is my server slow":
智慧型載入效能分析，具有 TTFB 調查（DNS/連接/伺服器故障）、渲染阻塞偵測、腳本效能深入研究（第一與第三方歸因）、字體優化和資源提示驗證的自動化工作流程。包括決策樹，可在速度緩慢時自動分析 TTFB 子部分、偵測腳本載入反模式（非同步/延遲/預先載入衝突）、識別渲染阻塞資源並驗證資源提示使用情況。具有完整加載審核（6 個階段）、後端效能調查和優先優化的工作流程。與 Core Web Vitals（LCP 資源載入）、Interaction（腳本執行封鎖）和 Media（延遲載入策略）的跨技能整合。當使用者詢問 TTFB、FCP、渲染阻塞、載入緩慢、字體效能、腳本優化或資源提示時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading智慧型載入效能分析，具有 TTFB 調查（DNS/連接/伺服器故障）、渲染阻塞偵測、腳本效能深入研究（第一與第三方歸因）、字體優化和資源提示驗證的自動化工作流程。包括決策樹，可在速度緩慢時自動分析 TTFB 子部分、偵測腳本載入反模式（非同步/延遲/預先載入衝突）、識別渲染阻塞資源並驗證資源提示使用情況。具有完整加載審核（6 個階段）、後端效能調查和優先優化的工作流程。與 Core Web Vitals（LCP 資源載入）、Interaction（腳本執行封鎖）和 Media（延遲載入策略）的跨技能整合。當使用者詢問 TTFB、FCP、渲染阻塞、載入緩慢、字體效能、腳本優化或資源提示時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets