本文へ移動
cccskills
無料GitHub で公開

cc-pagespeed

Run the PageSpeed performance audit — 80/20 analysis of Core Web Vitals using the PageSpeed Insights API.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

PageSpeed Performance Audit

Audit URL: $ARGUMENTS


Step 1 — Pre-flight (pagespeed-perf skill)

Invoke pagespeed-perf skill.

Read PAGESPEED_API_KEY from the environment. Compute the output filename: {YYYY-MM-DD}_pagespeed-{hostname}-claude.md.

Log whether the API key was found. Proceed regardless — lab data is available without a key, but CrUX field data requires it.


Step 2 — Collect

Call the PageSpeed Insights API for the URL provided above.

  • Strategy: both (mobile + desktop) unless the user specified otherwise.
  • Call PSI directly via WebFetch and fetch the HTML source for manual resource-hint analysis.

Step 3 — Analyze

Extract from the PSI response:

  • Core Web Vitals: LCP, INP, CLS, FCP, TBT, TTFB
  • LCP element (type, selector, HTML snippet)
  • Third-party scripts ordered by blocking time
  • Render-blocking resources
  • Unused JavaScript and CSS (savings in bytes and ms)

From the HTML source:

  • Resource hints (<link rel="preload|preconnect|prefetch">)
  • Images: lazy loading, fetchpriority, format, dimensions
  • Fonts: font-display, preloaded subsets
  • Blocking scripts in <head> (no async/defer)

Step 4 — Prioritize

Score each identified optimization using the 80/20 matrix: Score = Impact × Ease (each 1–5, max 25).

Order findings by descending score. Mark optimizations with Score ≥ 20 as Critical 20%.


Step 5 — Report

Write the full performance report to {YYYY-MM-DD}_pagespeed-{hostname}-claude.md in the current directory.

Required sections:

  1. Resumen Ejecutivo (2–3 paragraphs)
  2. Métricas Actuales (lab vs field table)
  3. Recursos con Mayor Impacto
  4. Plan de Acción Priorizado (80/20 table)
  5. Solución Técnica Detallada (per finding: problem, evidence, code, expected gain)
  6. Quick Wins / High Impact Changes / Roadmap

End every report with:

---
*Informe generado el {YYYY-MM-DD} · Herramienta: Claude Code + pagespeed-perf skill*
*API Key usada: {Sí / No} · Datos CrUX: {Disponibles / No disponibles}*

Requirements

PAGESPEED_API_KEY — Optional but strongly recommended.

  • With key: real CrUX field data + 25,000 requests/day quota.
  • Without key: lab data only (Lighthouse); shared rate limit applies.

Set in your shell:

$env:PAGESPEED_API_KEY = "your-api-key"   # Windows PowerShell
export PAGESPEED_API_KEY="your-api-key"    # macOS / Linux

Get a free key: https://developers.google.com/speed/docs/insights/v5/get-started

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use when adding monitoring, metrics, logging, or tracing to Spring AI or LLM integration code. Covers token tracking, latency measurement, cost estimation, and prompt/response logging. Use when user mentions AI monitoring, token costs, or LLM observability.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

android

無料

Provides expert knowledge for building modern native Android apps using Kotlin, Jetpack Compose, Material Design 3, MVI architecture, Hilt dependency injection, and Media3/ExoPlayer.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

Design, implement, review, and audit Android Jetpack Compose UI/UX for phone interfaces. Use when a request concerns concrete Compose layout, components, interaction, accessibility, or visual behavior. Do not activate for framework or dependency presence alone; non-UI Android work is excluded.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

Provides expert knowledge for designing, implementing, and managing REST API versioning strategies with deprecation workflows.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

astro

無料

Provides expert knowledge for building Astro 5+ sites with Islands Architecture, Content Collections, TypeScript, and performance-first rendering strategies.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

Audits token storage mechanisms to prevent XSS-based JWT theft.

日本語の概要は準備中です。原文の説明を表示しています。

lgzarturo/springboot-course32026年10月12日 更新

lgzarturo のスキルをすべて見る

このスキルの問題を報告する