·webperf-interaction
{}

webperf-interaction

✓
nucliweb/webperf-snippetsGitHub: nucliweb/webperf-snippetsSource: nucliweb/webperf-snippets

Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decision trees that automatically run script attribution when long frames detected, break down input latency phases, and correlate layout shifts with interactions. Features workflows for complete interaction audit, third-party script impact analysis, and animation performance debugging. Cross-skill integration with Core Web Vitals (INP/CLS correlation) and Loading (script execution analysis). Use when the user asks about slow interactions, janky scrolling, unresponsive pages, or INP optimization. Compatible with Chrome DevTools MCP.

nucliweb·webperf·interaction
11Installs·1Trend·@nucliweb

Installation

GitHub: nucliweb/webperf-snippets
$npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction

How to Install webperf-interaction

Quickly install webperf-interaction AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: nucliweb/webperf-snippets.

SKILL.md

View raw

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":

Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decision trees that automatically run script attribution when long frames detected, break down input latency phases, and correlate layout shifts with interactions. Features workflows for complete interaction audit, third-party script impact analysis, and animation performance debugging. Cross-skill integration with Core Web Vitals (INP/CLS correlation) and Loading (script execution analysis). Use when the user asks about slow interactions, janky scrolling, unresponsive pages, or INP optimization. Compatible with Chrome DevTools MCP. Source: nucliweb/webperf-snippets.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction
Source
nucliweb/webperf-snippets
Category
{}Data Analysis
Verified
✓
First Seen
2026-03-10
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/nucliweb/webperf-snippets/webperf-interaction

Browse more skills from nucliweb/webperf-snippets

Quick answers

What is webperf-interaction?

Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decision trees that automatically run script attribution when long frames detected, break down input latency phases, and correlate layout shifts with interactions. Features workflows for complete interaction audit, third-party script impact analysis, and animation performance debugging. Cross-skill integration with Core Web Vitals (INP/CLS correlation) and Loading (script execution analysis). Use when the user asks about slow interactions, janky scrolling, unresponsive pages, or INP optimization. Compatible with Chrome DevTools MCP. Source: nucliweb/webperf-snippets.

How do I install webperf-interaction?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/nucliweb/webperf-snippets

Details

Category
{}Data Analysis
Source
skills.sh
First Seen
2026-03-10

Related Skills

webperf
13 Installs
webperf-core-web-vitals
12 Installs
webperf-media
12 Installs
webperf-loading
11 Installs
webperf-resources
11 Installs