← 返回 Skills 市场
kostja94

core-web-vitals

作者 Kostja Zhang · GitHub ↗ · v1.0.1 · MIT-0
cross-platform ✓ 安全检测通过
112
总下载
0
收藏
2
当前安装
1
版本数
在 OpenClaw 中安装
/install core-web-vitals
功能描述
When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS,"...
使用说明 (SKILL.md)

SEO Technical: Core Web Vitals

Guides optimization of Core Web Vitals (CWV)—Google's user experience metrics that affect search ranking. CWV are confirmed ranking factors for mobile and desktop.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope (Technical SEO)

  • LCP (Largest Contentful Paint): Loading performance; time to render largest content element
  • INP (Interaction to Next Paint): Responsiveness; replaced FID in March 2024
  • CLS (Cumulative Layout Shift): Visual stability; unexpected layout shifts

Target Thresholds (75th percentile, field data)

Metric Target Good Needs Improvement Poor
LCP ≤2.5s ≤2.5s 2.5–4.0s >4.0s
INP ≤200ms ≤200ms 200–500ms >500ms
CLS \x3C0.1 ≤0.1 0.1–0.25 >0.25

Source: Google Page Experience

Initial Assessment

Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for site URL.

Identify:

  1. Tools: GSC Core Web Vitals report, PageSpeed Insights, Chrome DevTools
  2. Metrics: Which metric is failing (LCP, INP, CLS)
  3. Page type: Hero, article, product, list—LCP candidate differs

LCP Optimization

LCP measures the time until the largest content element (image, video, or text block) is visible.

Cause Fix
Slow server response Reduce TTFB; use CDN; optimize server
Render-blocking resources Defer non-critical CSS/JS; inline critical CSS
Large images WebP/AVIF; compress; width/height to prevent CLS; see image-optimization
Client-side rendering SSR/SSG for above-fold content; see rendering-strategies
Third-party scripts Load async; defer non-critical

LCP candidates: Hero image, large text block, video poster. Ensure above-fold images use loading="eager" (default); never lazy-load LCP.

INP Optimization

INP measures responsiveness—time from user interaction to next paint. Replaced FID in March 2024.

Cause Fix
Long-running JS Break tasks >50ms; use requestIdleCallback; Web Workers
Heavy event handlers Debounce/throttle; defer non-critical work
Main thread blocking Reduce third-party scripts; defer non-critical JS
Layout thrashing Batch DOM reads/writes; avoid forced reflows

CLS Optimization

CLS measures unexpected layout shifts.

Cause Fix
Images without dimensions Always set width and height attributes
Dynamic content Reserve space for ads, embeds; use min-height
Web fonts font-display: optional or swap; preload critical fonts
Animations Use transform instead of top/left/width

Reserve space: For images, ads, embeds—define dimensions before load. Avoid inserting content above existing content without reserved space.

Tools & Monitoring

Tool Use
GSC Core Web Vitals report; URL grouping; field data
PageSpeed Insights Lab + field data; mobile + desktop
Chrome DevTools Performance panel; LCP element; layout shift overlay

Output Format

Related Skills

  • image-optimization: LCP image optimization; WebP; lazy loading (below-fold only)
  • google-search-console: CWV report; field data monitoring
  • mobile-friendly: Mobile-first indexing; mobile CWV targets
  • rendering-strategies: SSR/SSG for LCP; content in initial HTML
  • site-crawlability: Redirect chains waste crawl; fix for performance
安全使用建议
This skill is an advice-only CWV optimization guide and appears coherent and low-risk. It may read a project-context file (`.claude/project-context.md` or `.cursor/project-context.md`) if present to find the site URL — remove or sanitize those files if you don't want the skill to read them. The skill does not request credentials; if you want it to fetch field data from Google Search Console you'll need to provide access separately (e.g., via a dedicated google-search-console integration). If you prefer to restrict the agent's file access, adjust workspace permissions before invoking the skill.
功能分析
Type: OpenClaw Skill Name: core-web-vitals Version: 1.0.1 The skill bundle provides standard technical guidance for optimizing Google Core Web Vitals (LCP, INP, CLS). The instructions in SKILL.md are purely informational and align with the stated purpose of SEO performance optimization, with no evidence of malicious intent, data exfiltration, or unauthorized execution.
能力标签
crypto
能力评估
✓ Purpose & Capability
The name/description (CWV, LCP, INP, CLS optimization) match the SKILL.md content: diagnostic checks, prioritized fixes, and references to PageSpeed, DevTools, and GSC. No unrelated capabilities or credentials are requested.
ℹ Instruction Scope
Runtime instructions are purely advisory and reference standard CWV tooling. The skill asks the agent to read `.claude/project-context.md` or `.cursor/project-context.md` if present to find a site URL; this is reasonable for getting context but does instruct the agent to read files in the workspace. It does not instruct the agent to exfiltrate data or call external endpoints beyond recommending standard public tools.
✓ Install Mechanism
No install spec and no code files — instruction-only skill. Nothing will be downloaded or written to disk by an installer.
✓ Credentials
The skill requires no environment variables, credentials, or config paths. It references using Google Search Console for CWV but does not demand GSC credentials itself; integration would be handled by a separate GSC skill or user-provided access.
✓ Persistence & Privilege
always:false and default autonomous invocation are reasonable for a helper skill. It does not request permanent system-wide privileges or modify other skills' configs.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install core-web-vitals
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /core-web-vitals 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.1
Automated batch sync
元数据
Slug core-web-vitals
版本 1.0.1
许可证 MIT-0
累计安装 2
当前安装数 2
历史版本数 1
常见问题

core-web-vitals 是什么？

When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS,"... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 112 次。

如何安装 core-web-vitals？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install core-web-vitals」即可一键安装，无需额外配置。

core-web-vitals 是免费的吗？

是的，core-web-vitals 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

core-web-vitals 支持哪些平台？

core-web-vitals 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 core-web-vitals？

由 Kostja Zhang（@kostja94）开发并维护，当前版本 v1.0.1。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论