🎯

webperf-media

🎯Skill

from nucliweb/webperf-snippets

What it does

A web performance skill providing JavaScript snippets for media optimization in Chrome DevTools, covering image audits, video performance, and SVG embedded bitmap detection. It includes automated decision trees that detect LCP images, identify layout shift risks, flag lazy loading issues, and provide format recommendations with performance budget thresholds.

📦

Same repository

nucliweb/webperf-snippets(6 items)

webperf-media

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add nucliweb/webperf-snippets --skill webperf-media

skills.sh Install⚠ Installs to .agents/skills/

npx skills add nucliweb/webperf-snippets --skill webperf-media

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/webperf-media/SKILL.md

SKILL.md

162Installs

AddedMar 4, 2026

View on GitHub Back to Skills

More from this repository5

🎯

webperf-core-web-vitals🎯Skill

Provides 7 JavaScript snippets for measuring Core Web Vitals (LCP, CLS, INP) with detailed breakdowns, usable both in browser DevTools and as agent skills for automated performance analysis with AI coding assistants.

🎯

webperf🎯Skill

A collection of 49 JavaScript snippets for measuring and debugging web performance in Chrome DevTools, covering Core Web Vitals (LCP, CLS, INP), loading metrics (TTFB, FCP), interaction performance, media auditing, and network quality.

🎯

webperf-loading🎯Skill

A loading performance analysis skill that provides JavaScript snippets for measuring TTFB, FCP, render-blocking resources, script performance, font optimization, and resource hints in Chrome DevTools. It includes automated decision trees and multi-phase audit workflows for comprehensive loading performance investigation.

🎯

webperf-interaction🎯Skill

A web performance analysis skill for debugging interaction responsiveness and animation performance, featuring automated workflows for INP deep dives, scroll jank investigation, main thread blocking analysis, and decision trees that chain Chrome DevTools snippets based on detected issues.

🎯

webperf-resources🎯Skill

A curated collection of JavaScript snippets for measuring and debugging web performance directly in the browser DevTools console, covering Core Web Vitals (LCP, CLS, INP), loading metrics, interaction analysis, and media audits.