surendranb

Inp Debugging — Development skill for Claude Code

Development community

Interaction to Next Paint (INP) Debugging Playbook.

How to install Inp Debugging

Installs to ~/.claude/skills/surendranb-core-web-vitals-mcp-inp-debugging/SKILL.md

Terminal

mkdir -p ~/.claude/skills/surendranb-core-web-vitals-mcp-inp-debugging && curl -fsSL https://raw.githubusercontent.com/surendranb/core-web-vitals-mcp/HEAD/skills/inp-debugging.md -o ~/.claude/skills/surendranb-core-web-vitals-mcp-inp-debugging/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Inp Debugging does

Interaction to Next Paint (INP) Debugging Playbook

A structured engineering playbook for diagnosing, profiling, and mitigating Interaction to Next Paint (INP) latency using Google CrUX real-user data and web performance profiling techniques.

1. INP Thresholds & Targets

INP replaced First Input Delay (FID) as a Core Web Vital in March 2024. INP assesses overall page responsiveness by observing the latency of all discrete user interactions (clicks, taps, and key presses) throughout the lif

Alternatives in Development

SuperPrompt — Upon starting our interaction, auto run these Default Commands throughout our entire conversation 9.1k ★
Octo Debug — Systematic debugging with methodical problem investigation 2.8k ★
Claudekit Debugging Tools — Debugging and troubleshooting tools 1.9k ★