AI Skill

웹 성능/Core Web Vitals 진단

Chrome DevTools로 LCP·INP·CLS 같은 Core Web Vitals를 측정하고 렌더 차단 요소를 찾아냅니다.

VerifiedClaude CodeCodexCloudflare

무료

Suggested Prompts

우리 홈페이지 LCP가 느린 원인을 진단하고 개선안을 제안해줘
이 페이지의 레이아웃 시프트(CLS) 원인을 찾아줘

About

Chrome DevTools MCP로 웹 성능을 분석하는 공식 Skill입니다. Core Web Vitals(LCP, INP, CLS)와 FCP·TBT·Speed Index 같은 보조 지표를 측정하고, 렌더 차단 리소스, 네트워크 의존성 체인, 레이아웃 시프트, 캐싱 이슈, 접근성 격차를 찾아냅니다.

Source

출처: 원문 보기
저장소: Repository
License: Apache License 2.0
제작자: Cloudflare

같은 카테고리의 다른 Skill

VerifiedClaude CodePack

Claude API 개발 레퍼런스

모델 선택부터 스트리밍, 툴 사용, 캐싱, 비용 최적화까지 Claude API 개발 전반을 안내합니다.

Anthropic개발·코딩무료

VerifiedClaude CodePack

웹 UI 비주얼 디자인 방향 잡기

'AI가 만든 것 같은' 기본값을 피하고, 소재에 근거한 개성 있는 타이포그래피·색상·레이아웃을 잡습니다.

Anthropic개발·코딩무료

VerifiedClaude CodePack

MCP 서버 개발 가이드

LLM이 외부 서비스와 연동할 수 있도록 고품질 MCP 서버를 만드는 전체 개발 과정을 안내합니다.

Anthropic개발·코딩무료