Webperf Interaction

This is your go-to when users complain about janky scrolling, frozen pages, or slow interactions. It wraps Joan Leon's webperf-snippets with smart decision trees that automatically chain diagnostics. If an interaction takes over 200ms, it'll break down the latency phases, hunt for long animation frames, then attribute blame to specific scripts. The workflows handle common scenarios like INP debugging and third-party script impact without you needing to remember which snippet runs next. Works through Chrome DevTools MCP, so you're running real performance APIs, not guessing. Best part is the cross-skill integration: it knows when to pull in script execution analysis from the loading skill or correlate layout shifts from Core Web Vitals.

Install to Claude Code

npx -y skills add nucliweb/webperf-snippets --skill webperf-interaction --agent claude-code