core-web-vitals
✓더 나은 페이지 경험과 검색 순위를 위해 핵심 웹 바이탈(LCP, INP, CLS)을 최적화합니다. "핵심 웹 바이탈 개선", "LCP 수정", "CLS 감소", "INP 최적화", "페이지 경험 최적화" 또는 "레이아웃 변경 수정"을 묻는 메시지가 표시될 때 사용하세요.
SKILL.md
Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience.
| Metric | Measures | Good | Needs work | Poor |
| LCP | Loading | ≤ 2.5s | 2.5s – 4s | > 4s | | INP | Interactivity | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | Visual Stability | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
더 나은 페이지 경험과 검색 순위를 위해 핵심 웹 바이탈(LCP, INP, CLS)을 최적화합니다. "핵심 웹 바이탈 개선", "LCP 수정", "CLS 감소", "INP 최적화", "페이지 경험 최적화" 또는 "레이아웃 변경 수정"을 묻는 메시지가 표시될 때 사용하세요. 출처: addyosmani/web-quality-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
core-web-vitals이란?
더 나은 페이지 경험과 검색 순위를 위해 핵심 웹 바이탈(LCP, INP, CLS)을 최적화합니다. "핵심 웹 바이탈 개선", "LCP 수정", "CLS 감소", "INP 최적화", "페이지 경험 최적화" 또는 "레이아웃 변경 수정"을 묻는 메시지가 표시될 때 사용하세요. 출처: addyosmani/web-quality-skills.
core-web-vitals 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/addyosmani/web-quality-skills --skill core-web-vitals 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/addyosmani/web-quality-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01