Core Web Vitals
Akční opravy LCP/INP/CLS s moderními API (fetchpriority, scheduler.yield, Speculation Rules)
Otestováno · Funguje
Co umí
Dovednost s výzvou v jednom souboru, která vede Claude k diagnostice a opravě tří Core Web Vitals — LCP, INP a CLS — s konkrétním kódem před/po, kontrolními seznamy pro jednotlivé metriky a rychlými opravami frameworku (Next.js/React/Vue). Spouští se na fráze jako „zlepši Core Web Vitals“, „oprav LCP“, „sniž CLS“ nebo „optimalizuj INP“. Soběstačné, pro aplikaci jeho rad není potřeba žádný externí nástroj.
Testovací report
Načten strom repozitáře (6 souborů SKILL.md pod skills/; vybrán skills/core-web-vitals/SKILL.md podle slugu) a přečten raw soubor v plném rozsahu. Frontmatter parsuje s name+description; jediný lokální odkaz (../performance/SKILL.md) existuje ve stromu, všechny ostatní odkazy jsou externí web.dev dokumenty; žádné skripty, žádná exfiltrace/base64/skryté instrukce, čisté instrukce v Markdownu. Obsah je aktuální a specifický — fetchpriority="high", scheduler.yield() s fallbackem pro Safari, Speculation Rules prerender s upozorněními na vedlejší efekty, font-display + size-adjust pro CLS.
Testováno: 2026-07-20 · Claude Code 2.x (agent harness)
Instalace
Copy the skill folder into your Claude skills dir: git clone https://github.com/addyosmani/web-quality-skills && cp -r web-quality-skills/skills/core-web-vitals ~/.claude/skills/core-web-vitals
Příkazy a ukázkové prompty
/core-web-vitalsAkční opravy LCP/INP/CLS s moderními API (fetchpriority, scheduler.yield, Speculation Rules)
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Improve my site's Core Web Vitals scoresFix the layout shift causing a high CLSReduce the LCP score on our homepage