Improve Core Web Vitals with Targeted Fixes
Slow loading, delayed interactions, and unexpected layout shifts damage page experience. This skill guides evidence-based diagnosis and targeted fixes for LCP, INP, and CLS.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "core-web-vitals" from https://skillstore.io/skills/addyosmani-core-web-vitals.md and its manifest at https://skillstore.io/api/skills/addyosmani-core-web-vitals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„core-web-vitals“ wird verwendet. The supplied trace shows the hero image request starts after stylesheet loading.
Erwartetes Ergebnis:
„core-web-vitals“ wird verwendet. A banner appears above the article after loading. Only source code is available.
Erwartetes Ergebnis:
„core-web-vitals“ wird verwendet. The supplied interaction trace shows a long task before the click handler begins.
Erwartetes Ergebnis:
All 50 static findings are false positives involving Markdown formatting, fixed imports, documentation links, example requests, and performance guidance. No evidence found of credential theft, unauthorized execution, data exfiltration, or prompt injection in the four reviewed files.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/addyosmani-core-web-vitals/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/addyosmani-core-web-vitals?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/addyosmani-core-web-vitals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-core-web-vitals/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/addyosmani-core-web-vitals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>addyosmani. (2026). core-web-vitals security audit report (audit version 1) [Author version 2.0]. Skillstore. https://skillstore.io/skills/addyosmani-core-web-vitals/audits/1@techreport{addyosmani-addyosmani-core-web-vitals-2026,
author = {addyosmani},
title = {core-web-vitals security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/addyosmani-core-web-vitals/audits/1},
note = {Author version 2.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "core-web-vitals security audit report (audit version 1)"
version: "2.0"
type: report
authors:
- name: "addyosmani"
date-released: "2026-10-22"
url: "https://skillstore.io/skills/addyosmani-core-web-vitals/audits/1"
identifiers:
- type: other
value: "skillstore:addyosmani-core-web-vitals:audit:1"
description: "Skillstore immutable audit report identifier"
Review a product page trace to identify delayed hero image discovery and prioritize verified LCP fixes.
Analyze a sluggish dashboard interaction to distinguish main-thread contention, expensive handlers, and delayed rendering.
Review a publishing template for unstable embeds, inserted banners, and font changes using trace evidence and responsive verification.
Explain LCP, INP, and CLS for my page. List their good thresholds and the evidence needed before diagnosing a failure.
Review the supplied page code for likely LCP and CLS risks. Separate hypotheses from measured findings and suggest focused verification steps.
Analyze the supplied interaction trace and field INP data. Identify the dominant delay phase, implicated work, targeted fixes, and an equivalent retest.
Use the supplied CrUX p75 data, traces, and release context to prioritize metric-specific fixes. Define equivalent lab retests and segmented RUM verification.
Autor
addyosmaniLizenz
MIT
Autorenversion
v2.0
Skillstore-Revision
r1
Versionshinweis
Die vom Autor angegebene Version ist kein gültiges SemVer.
Ref.
79fc52323997649cbf5ae9e897690d43e1c131ad
Aktualität der Wartung
22.10.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur
Clarify User Intent Before You Build
Underspecified requests cause teams to build the wrong outcome and discover misalignment late. This skill runs a focused, one-question interview that turns ambiguity into confirmed intent.
Code anhand von fünf Qualitätsdimensionen überprüfen
Codeänderungen können Probleme hinsichtlich Korrektheit, Sicherheit, Architektur, Lesbarkeit und Performance verbergen. Dieser Skill wendet einen strukturierten Review-Prozess an und liefert priorisiertes, umsetzbares Feedback.
Plan Work Into Verifiable Tasks
Large or vague software work can hide dependencies, missing acceptance criteria, and verification gaps. This skill converts a specification into ordered task slices with checkpoints, scope guidance, and clear completion conditions.
Document Decisions and Architecture Clearly
Teams lose context when important technical decisions remain in chat, code comments, or individual memory. This skill turns architectural reasoning, API guidance, project instructions, and release changes into structured documentation.
Build Accessible, Production-Ready Frontends
Frontend work can become inconsistent, inaccessible, or difficult to maintain. This skill guides component architecture, responsive layouts, state handling, and polished user experiences.
Harden Applications Against Security Risks
Security reviews can miss trust boundaries and unsafe data flows. This skill supplies threat-modeling prompts, OWASP patterns, and practical review checklists.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder störenden Animationen führt. Dieser Skill unterstützt Entscheidungen zu Animationen für Routen, Suspense, Listen und Shared Elements.
React-Email-Vorlagen mit Resend erstellen
von resend
Produktionsreife E-Mail-Vorlagen zu erstellen ist schwierig, weil sich E-Mail-Clients unterscheiden. Diese Skill führt Claude, Codex und Claude Code durch React Email-Komponenten, Versand, Styling, Lokalisierung und Editor-Workflows.
Vue 3 TypeScript-Praktiken verbessern
von hyf0
Vue-TypeScript-Projekte stoßen häufig auf verwirrende Template-, Router- und Volar-Fehler. Dieser Skill bietet gezielte Vue 3-Korrekturen für Codex, Claude und Claude Code.
Vue-Options-API-Komponenten verbessern
von vuejs-ai
Vue-Options-API-Projekte können Typsicherheit und korrektes this-Binding verlieren. Diese Skill bietet direkte Muster für sicherere Vue-Komponenten.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
Next.js-Performance optimieren
von Atman36
Next.js-Anwendungen können durch große Bundles, schwaches Caching und nicht optimierte Medien langsam werden. Dieser Skill führt Claude, Codex und Claude Code durch gezielte Performance-Verbesserungen für Produktions-Apps.