← Back to Skills Marketplace
226
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install webperf-interaction
Description
Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decisi...
Usage Guidance
This skill runs JavaScript inside the target page (via Chrome DevTools) to collect performance data and attribute blocking to scripts. It does not contact external servers or ask for credentials. Before running: 1) Only execute on pages you trust or on staging environments, since the snippets can read DOM and script URLs. 2) Expect the snippets to leave PerformanceObservers and window helper functions active; reload the page to remove them or call provided clear/export functions where available. 3) Be aware one snippet temporarily monkeypatches addEventListener to detect non-passive listeners — this can affect page behavior while active. If you need stricter isolation, run these on a copy of the site or in an incognito / test environment.
Capability Analysis
Type: OpenClaw Skill
Name: webperf-interaction
Version: 0.1.0
The bundle is a comprehensive toolkit for web performance analysis, focusing on Interaction to Next Paint (INP), Long Animation Frames (LoAF), and layout stability. The JavaScript snippets in the `scripts/` directory utilize standard browser Performance APIs to collect metrics and return structured JSON data as defined in `references/schema.md`. While `Scroll-Performance.js` monkey-patches `EventTarget.prototype.addEventListener` to audit passive listeners and `Long-Animation-Frames-Helpers.js` includes functionality to trigger local file downloads for data export, these actions are transparently documented and strictly aligned with the stated purpose of performance debugging. There is no evidence of data exfiltration, malicious prompt injection, or unauthorized remote execution.
Capability Assessment
Purpose & Capability
Name/description match the bundled scripts: all files are DevTools snippets that use the Performance API and provide INP, LoAF, long-task, CLS, and scroll analyses. Nothing requests unrelated cloud credentials, binaries, or system access.
Instruction Scope
SKILL.md instructs the agent to evaluate scripts via the Chrome DevTools MCP and capture console output — which is exactly what the scripts do. The scripts read the DOM, Performance entries, and script URLs (to attribute third-party vs first-party), and they expose window.getXxx() functions and set up PerformanceObserver tracking. This is appropriate for the stated purpose but does grant the skill broad read access to page DOM and performance entries.
Install Mechanism
No install spec; this is instruction + snippet files only. Nothing is downloaded or executed outside the browser context.
Credentials
The skill requires no environment variables or external credentials. It does read page-local information (DOM, element attributes, performance entries, script source URLs) — this is necessary for attribution and debugging, but it means the snippets can observe page content and script origins.
Persistence & Privilege
The scripts create persistent observers and attach helper functions to window (e.g., getInteractionSummary, getLoAFSummary). One snippet monkeypatches EventTarget.prototype.addEventListener to detect non-passive listeners — that is intrusive and can interfere with page code while active. Observers and monkeypatches persist until the page reloads or the scripts provide explicit clear functions (some do). There is no platform-level 'always' privilege requested.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install webperf-interaction - After installation, invoke the skill by name or use
/webperf-interaction - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
Initial release of webperf-interaction: an intelligent interaction performance analysis tool with automated workflows.
- Automates INP debugging, scroll jank investigation, and main thread blocking analysis.
- Provides complete interaction audit workflows, with script attribution on long frames and detailed input latency breakdowns.
- Correlates layout shifts with user interactions and integrates results with Core Web Vitals (INP/CLS) and Loading metrics.
- Includes cross-skill integration to analyze first/third-party script impact and script execution details.
- Ready-to-use JavaScript snippets for Chrome DevTools MCP, supporting step-by-step decision trees and performance investigations.
Metadata
Frequently Asked Questions
What is Webperf Interaction?
Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decisi... It is an AI Agent Skill for Claude Code / OpenClaw, with 226 downloads so far.
How do I install Webperf Interaction?
Run "/install webperf-interaction" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Webperf Interaction free?
Yes, Webperf Interaction is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Webperf Interaction support?
Webperf Interaction is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Webperf Interaction?
It is built and maintained by nucliweb (@nucliweb); the current version is v0.1.0.
More Skills