mcpField
C
cloudflare-web-perf

cloudflare-web-perf

github.com/podo测试与质量29174 次安装1 天前更新
代码仓库

关于 cloudflare-web-perf

Cloudflare 网页性能 Skill 的目录占位条目，说明如何安装完整 Skill，并介绍其 Core Web Vitals 审计及 Cloudflare 专用修复。

主要功能

  1. 01检查完整 Skill 是否已安装
  2. 02全局或项目级安装
  3. 03审计 Core Web Vitals
  4. 04识别渲染和布局问题
  5. 05应用 Cloudflare 专用修复

适用场景

  1. 01安装完整网页性能 Skill
  2. 02审计 LCP、INP、CLS 和 TTFB
  3. 03查找阻塞渲染资源和图像问题

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill cloudflare-web-perf

安装后在 Claude Code 中输入/cloudflare-web-perf确认已加载。

附带文件stub.yaml

详细介绍

cloudflare-web-perf

目录占位条目 — 完整技能：cloudflare/skills

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不含 das: 块 → 已安装完整技能，调用该技能并继续
    • 含 das: 块 → 转到第 2 步

  2. 检测作用范围，然后安装：

    检测作用范围：

    [ -e ~/.agents/skills/cloudflare-web-perf ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add cloudflare/skills --skill cloudflare-web-perf -g -y

    项目（未使用 -g 安装）：

    npx skills add cloudflare/skills --skill cloudflare-web-perf -y

    Claude Code： 将任一命令作为以 ! 开头的聊天消息发送，即可在不离开对话的情况下运行该命令。

安装后调用

  • 技能名称：cloudflare-web-perf
  • 触发短语："web performance"、"Core Web Vitals"、"LCP"、"CLS"、"render blocking"

功能

Cloudflare 官方技能，用于审计并修复 Core Web Vitals — LCP（最大内容绘制）、INP（下次绘制交互）、CLS（累积布局偏移）和 TTFB。可识别阻塞渲染的资源、未优化的图像以及导致布局不稳定的原因。包含使用 Workers、Cache Rules 和 Image Optimization 的 Cloudflare 专属修复方案。

评论

支持 Markdown