core-web-vitals은(는) 무엇을 하나요?
코어 웹 바이탈(LCP, INP, CLS)을 최적화하여 더 나은 페이지 경험과 검색 순위를 달성하세요. "Core Web Vitals 개선", "LCP 수정", "CLS 감소", "INP 최적화", "페이지 경험 최적화" 또는 "레이아웃 이동 수정"과 같은 요청이 있을 때 사용하세요.
코어 웹 바이탈(LCP, INP, CLS)을 최적화하여 페이지 경험과 검색 순위를 개선합니다. 'Core Web Vitals 개선', 'LCP 수정', 'CLS 감소', 'INP 최적화', '페이지 경험 최적화' 또는 '레이아웃 이동 수정'과 같은 요청에 사용하세요.
이 스킬은 웹 페이지의 코어 웹 바이탈(Core Web Vitals) 지표인 LCP(Largest Contentful Paint), INP(Interaction to Next Paint), CLS(Cumulative Layout Shift)를 분석하고 최적화하는 방법을 제공합니다. 개발자는 이 스킬을 사용하여 페이지 로딩 성능, 상호작용 응답성, 시각적 안정성을 개선함으로써 더 나은 사용자 경험과 검색 엔진 순위 향상을 달성할 수 있습니다. 이 스킬은 모든 웹 개발 플랫폼과 프레임워크에서 사용 가능하며, 구체적인 최적화 전략(이미지 최적화, 코드 분할, 지연 로딩, 레이아웃 안정화 등)을 제시합니다. 또한 성능 측정 도구(Lighthouse, PageSpeed Insights, Web Vitals 라이브러리)를 활용한 진단 방법과 실제 적용 가능한 코드 예제를 포함하여 개발자가 즉시 실행할 수 있도록 지원합니다.
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitalsInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
코어 웹 바이탈(LCP, INP, CLS)을 최적화하여 더 나은 페이지 경험과 검색 순위를 달성하세요. "Core Web Vitals 개선", "LCP 수정", "CLS 감소", "INP 최적화", "페이지 경험 최적화" 또는 "레이아웃 이동 수정"과 같은 요청이 있을 때 사용하세요.
This repo contains 5 individual skills — each has its own dedicated page.
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.