web-perf
✓Chrome DevTools MCP를 사용하여 웹 성능을 분석합니다. 핵심 웹 바이탈(FCP, LCP, TBT, CLS, 속도 지수)을 측정하고 렌더링 차단 리소스, 네트워크 종속성 체인, 레이아웃 변경, 캐싱 문제 및 접근성 격차를 식별합니다. 페이지 로드 성능, Lighthouse 점수 또는 사이트 속도를 감사, 프로파일링, 디버그 또는 최적화하라는 요청을 받을 때 사용합니다.
SKILL.md
Audit web page performance using Chrome DevTools MCP tools. This skill focuses on Core Web Vitals, network optimization, and high-level accessibility gaps.
Run this before starting. Try calling navigatepage or performancestarttrace. If unavailable, STOP—the chrome-devtools MCP server isn't configured.
Ask the user to add this to their MCP config:
Chrome DevTools MCP를 사용하여 웹 성능을 분석합니다. 핵심 웹 바이탈(FCP, LCP, TBT, CLS, 속도 지수)을 측정하고 렌더링 차단 리소스, 네트워크 종속성 체인, 레이아웃 변경, 캐싱 문제 및 접근성 격차를 식별합니다. 페이지 로드 성능, Lighthouse 점수 또는 사이트 속도를 감사, 프로파일링, 디버그 또는 최적화하라는 요청을 받을 때 사용합니다. 출처: elithrar/dotfiles.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/elithrar/dotfiles --skill web-perf- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-15
- 업데이트
- 2026-02-18
빠른 답변
web-perf이란?
Chrome DevTools MCP를 사용하여 웹 성능을 분석합니다. 핵심 웹 바이탈(FCP, LCP, TBT, CLS, 속도 지수)을 측정하고 렌더링 차단 리소스, 네트워크 종속성 체인, 레이아웃 변경, 캐싱 문제 및 접근성 격차를 식별합니다. 페이지 로드 성능, Lighthouse 점수 또는 사이트 속도를 감사, 프로파일링, 디버그 또는 최적화하라는 요청을 받을 때 사용합니다. 출처: elithrar/dotfiles.
web-perf 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/elithrar/dotfiles --skill web-perf 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/elithrar/dotfiles