web-perf SKILL.md skillA

web-perf from daishiman/harness-dev is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

mdr add daishiman/harness-dev/web-perf@git:20261002.c0e127d

Pins git:20261002.c0e127d in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

daishiman/harness-dev

Path

.agents/skills/web-perf/SKILL.md

Versions recorded

1

Latest version

git:20261002.c0e127d, committed Oct 2, 2026

Size

10,473 bytes

Repository stars

10

License

none declared

Chrome DevTools MCPを使ってWeb performanceを分析する。Core Web Vitals（LCP、INP、CLS）とFCP、TBT、Speed Indexを計測し、render-blocking resources、network dependency chains、layout shifts、cache、accessibilityの問題を特定する。表示速度の監査・計測・デバッグ・最適化、Lighthouse scoreの改善で使用する。既定スタックの必須スキルではないoptional群であり、要件で明示された場合、またはapp-orchestratorがv1前の計測として指示した場合のみロードする。事前学習の知識より最新の公式ドキュメントを優先する。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

> 本ファイルは cloudflare/skills（Apache-2.0）を基に改変しています。詳細は リポジトリルートの ATTRIBUTION.md を参照。

# Web Performance監査

Web performanceの計測名、閾値、tooling APIsは更新される。具体値や推奨を示す前に、**事前学習の知識ではなく最新の公式情報を取得する**。

## 最新情報の取得先

Cloudflare製品ではないため`cloudflare-docs` MCPは使わず、次のWebページを第一手段にする(列構成はキット共通)。

| 取得先 | 取得方法 | 使う場面 |
|--------|----------|---------|
| web.dev | `https://web.dev/articles/vitals` を取得 | Core Web Vitalsの閾値と定義 |
| Chrome DevTools docs | `https://developer.chrome.com/docs/devtools/performance` を取得 | Tooling APIsとtrace analysis |
| Lighthouse scoring | `https://developer.chrome.com/docs/lighthouse/performance/performance-scoring` を取得 | score weightsとmetric thresholds |

## 最初にMCP toolsを確認する

**監査開始前に必ず行う。** `navigate_page`または`performance_start_trace`を呼び出す。利用できなければchrome-devtools MCP serverが未登録なので、計測したように報告せず、**エージェントが登録を代行する**(利用者にコマンドを打たせない。方針は`app-orchestrator`のMCP接続原則と同じ)。登録後にclientを再起動し、上記toolを再確認してから監査へ進む。

```bash
# Claude Code(user scope。作業フォルダに依らず使える)
claude mcp add chrome-devtools --scope user -- npx -y chrome-devtools-mcp@latest
# Codex
codex mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest
```

`claude` / `codex` コマンドが無い環境では登録をスキップし、計測を未実施として残課題に1行残す。

## 分析原則
…

Read the whole file at its exact version.

How to install

mdr add daishiman/harness-dev/web-perf@sha256:47aeea396173ddbe

[![mdr](https://markdownregistry.com/badge/art_geq2bmuaufotdznc.svg)](https://markdownregistry.com/a/art_geq2bmuaufotdznc)

Versions

The registry has recorded 1 version of this file, committed on Oct 2, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_geq2bmuaufotdznc
GET https://markdownregistry.com/api/v1/resolve?ref=daishiman/harness-dev/web-perf
GET https://markdownregistry.com/api/v1/blob/47aeea396173ddbefa96052099b1912928d1627570068457ae1b11bcc35e864e

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from daishiman/harness-dev

Every file in daishiman/harness-dev

Other files named web-perf

Browse by kind, by grade A, or by owner.