자동화된 워크플로우 및 의사결정 트리를 통한 지능형 코어 웹 바이탈 분석. 결과에 따라 후속 분석을 자동으로 결정하는 디버깅 안내를 통해 LCP, CLS, INP를 측정합니다. LCP 심층 분석(5단계), CLS 조사(로딩 대 상호 작용), INP 디버깅(대기 시간 분석 + 속성), 로딩, 상호 작용 및 미디어 기술을 사용한 교차 기술 통합을 위한 워크플로가 포함됩니다. 사용자가 핵심 웹 바이탈, LCP 최적화, 레이아웃 변경 또는 상호 작용 응답성에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다.
명령줄에서 webperf-core-web-vitals AI 스킬을 개발 환경에 빠르게 설치
출처: nucliweb/webperf-snippets.
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
| Cumulative Layout Shift (CLS) | Quick check for Cumulative Layout Shift, a Core Web Vital that measures visual stability | scripts/CLS.js | | Interaction to Next Paint (INP) | Tracks Interaction to Next Paint, a Core Web Vital that measures responsiveness | scripts/INP.js |
| LCP Image Entropy | Checks if images qualify as LCP candidates based on their entropy (bits per pixel) | scripts/LCP-Image-Entropy.js | | LCP Sub-Parts | Breaks down Largest Contentful Paint into its four phases to identify optimization opportunities | scripts/LCP-Sub-Parts.js |
자동화된 워크플로우 및 의사결정 트리를 통한 지능형 코어 웹 바이탈 분석. 결과에 따라 후속 분석을 자동으로 결정하는 디버깅 안내를 통해 LCP, CLS, INP를 측정합니다. LCP 심층 분석(5단계), CLS 조사(로딩 대 상호 작용), INP 디버깅(대기 시간 분석 + 속성), 로딩, 상호 작용 및 미디어 기술을 사용한 교차 기술 통합을 위한 워크플로가 포함됩니다. 사용자가 핵심 웹 바이탈, LCP 최적화, 레이아웃 변경 또는 상호 작용 응답성에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-core-web-vitals자동화된 워크플로우 및 의사결정 트리를 통한 지능형 코어 웹 바이탈 분석. 결과에 따라 후속 분석을 자동으로 결정하는 디버깅 안내를 통해 LCP, CLS, INP를 측정합니다. LCP 심층 분석(5단계), CLS 조사(로딩 대 상호 작용), INP 디버깅(대기 시간 분석 + 속성), 로딩, 상호 작용 및 미디어 기술을 사용한 교차 기술 통합을 위한 워크플로가 포함됩니다. 사용자가 핵심 웹 바이탈, LCP 최적화, 레이아웃 변경 또는 상호 작용 응답성에 관해 질문할 때 사용합니다. Chrome DevTools MCP와 호환됩니다. 출처: nucliweb/webperf-snippets.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-core-web-vitals 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/nucliweb/webperf-snippets