← 返回 Skills 市场
226
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install webperf-interaction
功能描述
Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decisi...
安全使用建议
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.
功能分析
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.
能力评估
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.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install webperf-interaction - 安装完成后，直接呼叫该 Skill 的名称或使用
/webperf-interaction触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
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.
元数据
常见问题
Webperf Interaction 是什么？
Intelligent interaction performance analysis with automated workflows for INP debugging, scroll jank investigation, and main thread blocking. Includes decisi... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 226 次。
如何安装 Webperf Interaction？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install webperf-interaction」即可一键安装，无需额外配置。
Webperf Interaction 是免费的吗？
是的，Webperf Interaction 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Webperf Interaction 支持哪些平台？
Webperf Interaction 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Webperf Interaction？
由 nucliweb（@nucliweb）开发并维护，当前版本 v0.1.0。
推荐 Skills