Toolverse
All skills
Security

core-web-vitals

by davila7

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Security
Views
57
GitHub repo

About this skill

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to \

How to use

  1. Zainstaluj skill core-web-vitals w swoim środowisku Claude lub kompatybilnym narzędziu AI. Skill automatycznie aktywuje się, gdy poprosisz o poprawę Core Web Vitals, naprawę LCP, zmniejszenie CLS, optymalizację INP lub ogólnie o optymalizację doświadczenia użytkownika strony.

  2. Przygotuj informacje o swojej stronie: zmierz aktualne wartości LCP, INP i CLS za pomocą narzędzi takich jak PageSpeed Insights, Web Vitals Library lub Chrome DevTools. Zanotuj, które metryki nie spełniają progów (LCP ≤2,5s, INP ≤200ms, CLS ≤0,1).

  3. Opisz skill'owi konkretny problem — na przykład "moja LCP wynosi 5 sekund" lub "mam problemy z layout shifts". Skill przeanalizuje przyczynę na podstawie trzech głównych kategorii: wolna odpowiedź serwera (TTFB), zasoby blokujące renderowanie (CSS, JavaScript) lub powolne ładowanie zasobów (obrazy, wideo).

  4. Wdrażaj rekomendacje w kolejności priorytetów. Dla LCP: użyj CDN i cache'owania, wbuduj krytyczny CSS bezpośrednio w HTML, preload'uj hero image z atrybutem fetchpriority="high". Dla CLS: ustaw wymiary kontenerów, unikaj wstawiania treści powyżej istniejącej zawartości. Dla INP: zoptymalizuj JavaScript, podziel długie zadania na mniejsze bloki.

  5. Po zmianach zmierz ponownie metryki — celem jest osiągnięcie statusu "Dobrze" dla wszystkich trzech na 75. percentylu wizyt. Skill może pomóc w interpretacji wyników i sugerowaniu kolejnych kroków, jeśli któraś metryka wciąż nie spełnia standardów.

Related skills

accessibility-compliance

by wshobson

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

Security
2173

youtube-watcher

by openclaw

Fetch and read transcripts from YouTube videos. Use when you need to summarize a video, answer questions about its content, or extract information from it.

Security
2231

content-creator

by alirezarezvani

Create SEO-optimized marketing content with consistent brand voice. Includes brand voice analyzer, SEO optimizer, content frameworks, and social media templates. Use when writing blog posts, creating social media content, analyzing brand voice, optimizing SEO, planning content

Security
25124

skill-writer

by pytorch

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.

Security
15116

qmd

by tobi

Search personal markdown knowledge bases, notes, meeting transcripts, and documentation using QMD - a local hybrid search engine. Combines BM25 keyword search, vector semantic search, and LLM re-ranking. Use when users ask to search notes, find documents, look up information in

Security
1951

google-analytics

by davila7

Analyze Google Analytics data, review website performance metrics, identify traffic patterns, and suggest data-driven improvements. Use when the user asks about analytics, website metrics, traffic analysis, conversion rates, user behavior, or performance optimization.

Security
1260