webperf-interaction
CommunityMake user interactions fast and reliable.
Software Engineering#monitoring#interaction#web-performance#performance-analysis#inp#main-thread#layout-shift
AuthorYeomanYe
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Intelligent interaction performance analysis to quickly diagnose INP issues, scroll jank, and main-thread blocking, enabling targeted optimizations.
Core Features & Use Cases
- Automated INP audit workflows that attribute slow interactions to inputs, processing, or rendering delays.
- Scroll-jank investigation with layout-shift correlation and long-animation-frame attribution.
- Cross-skill integration with Core Web Vitals and Loading workflows for end-to-end performance debugging.
- Decision trees that trigger follow-up scripts (e.g., attribution, breaking up tasks, code-splitting) when slow frames are detected.
- Exportable, structured results for automated tooling and reporting.
Quick Start
Run a complete INP audit on the current page and review the interaction breakdown and recommendations.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: webperf-interaction Download link: https://github.com/YeomanYe/skills/archive/main.zip#webperf-interaction Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.