透過 INP 調試、滾動卡頓調查和主線程阻塞的自動化工作流程進行智慧互動效能分析。包括決策樹，可在偵測到長幀時自動執行腳本歸因、分解輸入延遲階段並將佈局變更與交互相關聯。具有用於完整互動審核、第三方腳本影響分析和動畫效能偵錯的工作流程。與 Core Web Vitals（INP/CLS 關聯）和載入（腳本執行分析）的跨技能整合。當使用者詢問互動緩慢、滾動卡頓、頁面無回應或 INP 優化時使用。與 Chrome DevTools MCP 相容。
透過命令列快速安裝 webperf-interaction 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 interaction analysis or "audit responsiveness":
When INP is slow (>200ms) or the user asks "debug INP" or "slow interactions":
透過 INP 調試、滾動卡頓調查和主線程阻塞的自動化工作流程進行智慧互動效能分析。包括決策樹，可在偵測到長幀時自動執行腳本歸因、分解輸入延遲階段並將佈局變更與交互相關聯。具有用於完整互動審核、第三方腳本影響分析和動畫效能偵錯的工作流程。與 Core Web Vitals（INP/CLS 關聯）和載入（腳本執行分析）的跨技能整合。當使用者詢問互動緩慢、滾動卡頓、頁面無回應或 INP 優化時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction透過 INP 調試、滾動卡頓調查和主線程阻塞的自動化工作流程進行智慧互動效能分析。包括決策樹，可在偵測到長幀時自動執行腳本歸因、分解輸入延遲階段並將佈局變更與交互相關聯。具有用於完整互動審核、第三方腳本影響分析和動畫效能偵錯的工作流程。與 Core Web Vitals（INP/CLS 關聯）和載入（腳本執行分析）的跨技能整合。當使用者詢問互動緩慢、滾動卡頓、頁面無回應或 INP 優化時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets