通过 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