Summary
A fork of Joan Leon's webperf-snippets that runs Chrome DevTools audits for images, videos, and SVGs. You get three core scripts: image element audit (format, lazy loading, sizing), video element audit (poster, preload, formats), and SVG bitmap detection. The real value is in the decision trees. It detects LCP images and triggers format analysis, spots layout shift risks from missing dimensions, and flags lazy loading mistakes like above-the-fold lazy or below-the-fold eager. Integrates with the webperf-core-web-vitals and webperf-loading skills to cross-reference LCP impact and resource priority. Use this when you need to audit media systematically rather than manually checking DevTools. The workflows are opinionated but sensible.
Install to Claude Code
npx -y skills add nucliweb/webperf-snippets --skill webperf-media --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 3, 2026
