mcpField
C
cloudflare-web-perf

cloudflare-web-perf

github.com/podoTesting & quality29174 installsUpdated 1d ago
Repository

About cloudflare-web-perf

A catalogue stub for Cloudflare’s web performance skill. It explains how to install the full skill and describes its Core Web Vitals audits and Cloudflare-specific fixes.

Key features

  1. 01Check whether the full skill is installed
  2. 02Install globally or in a project
  3. 03Audit Core Web Vitals
  4. 04Identify rendering and layout issues
  5. 05Apply Cloudflare-specific fixes

Use cases

  1. 01Installing the full web performance skill
  2. 02Auditing LCP, INP, CLS, and TTFB
  3. 03Finding render-blocking resources and image issues

Install

Copy the command and run it in a terminal.

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

After installing, type/cloudflare-web-perfin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

cloudflare-web-perf

Catalogue stub — full skill: cloudflare/skills

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/cloudflare-web-perf/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

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

    Global (installed with -g):

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

    Project (installed without -g):

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

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: cloudflare-web-perf
  • Trigger phrases: "web performance", "Core Web Vitals", "LCP", "CLS", "render blocking"

What it does

Official Cloudflare skill for auditing and fixing Core Web Vitals — LCP (Largest Contentful Paint), INP (Interaction to Next Paint), CLS (Cumulative Layout Shift), and TTFB. Identifies render-blocking resources, unoptimized images, and layout instability causes. Includes Cloudflare-specific fixes using Workers, Cache Rules, and Image Optimization.

Comments

Markdown supported