← Back to Skills Marketplace
236
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install webperf-media
Description
Intelligent media optimization with automated workflows for images, videos, and SVGs. Includes decision trees that detect LCP images (triggers format/lazy-lo...
Usage Guidance
This skill appears coherent for performing media audits in Chrome DevTools: it runs small JavaScript snippets inside the inspected page, reads the DOM and performance/resource entries, and fetches image/SVG resources to determine formats, sizes, and other metadata. Before running it, be aware that: (1) the scripts will observe and return resource URLs and some resource contents (e.g., SVG text and estimated bytes) from whichever page you inspect — so avoid running on pages with sensitive or private data you do not want exposed to the agent; (2) the decision tree can trigger additional cross-skill audits (those other skills will similarly inspect the page); and (3) this skill requires Chrome DevTools MCP access (evaluate_script) to function. If you are comfortable with the agent having read access to the inspected page and its loaded resources, the skill's requests are proportionate to its purpose.
Capability Analysis
Type: OpenClaw Skill
Name: webperf-media
Version: 0.1.0
The skill bundle is a legitimate collection of web performance auditing tools for images, videos, and SVGs. The JavaScript snippets (e.g., Image-Element-Audit.js and SVG-Embedded-Bitmap-Analysis.js) use standard browser APIs and fetch calls to analyze resource headers and content for optimization purposes. The instructions in SKILL.md provide a logical workflow for a performance analyst agent without any signs of prompt injection or malicious intent.
Capability Assessment
Purpose & Capability
Name/description match the included scripts and workflows: the three JS snippets audit images, videos, and SVGs in-page, and the SKILL.md describes decision trees that run those snippets and cross-reference related webperf skills.
Instruction Scope
Runtime instructions target Chrome DevTools MCP (evaluate_script / get_console_message) and stay within the declared domain (page DOM and performance resources). The scripts fetch resource headers and bodies (e.g., content-type for images, SVG text) and return structured JSON; this is expected for content analysis but will reveal resource URLs, sizes, and inline SVG contents from the inspected page. The SKILL.md also instructs cross-skill calls which may trigger additional audits.
Install Mechanism
No install spec — instruction-only skill. The included JS snippets are executed in the browser context; nothing is downloaded or installed by the platform.
Credentials
No environment variables, binaries, or credentials are requested. The skill operates in the page/browser context and does not ask for unrelated cloud or system credentials.
Persistence & Privilege
Skill is not always-enabled and does not request system-wide configuration changes. Autonomous invocation is allowed (platform default) but does not combine with other privilege escalations.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install webperf-media - After installation, invoke the skill by name or use
/webperf-media - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
Initial release with intelligent media optimization and automated audit workflows.
- Adds JavaScript snippets for auditing images, videos, and SVGs in Chrome DevTools.
- Implements decision trees to detect LCP images, flag layout shift risks, and identify lazy-loading issues.
- Provides common workflows for complete media audits, LCP image investigation, video performance, and SVG optimization.
- Integrates with Core Web Vitals and Loading skills for cross-skill analysis and recommendations.
- Offers performance budgets, format recommendations, and actionable guidance for improving web media performance.
Metadata
Frequently Asked Questions
What is Webperf Media?
Intelligent media optimization with automated workflows for images, videos, and SVGs. Includes decision trees that detect LCP images (triggers format/lazy-lo... It is an AI Agent Skill for Claude Code / OpenClaw, with 236 downloads so far.
How do I install Webperf Media?
Run "/install webperf-media" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Webperf Media free?
Yes, Webperf Media is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Webperf Media support?
Webperf Media is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Webperf Media?
It is built and maintained by nucliweb (@nucliweb); the current version is v0.1.0.
More Skills