performancelisted
Install: claude install-skill woogi-kang/woogi-harness
# Performance Skill
프론트엔드 성능 최적화 및 Core Web Vitals 달성을 위한 종합 가이드입니다.
## Triggers
- "성능", "performance", "최적화", "Core Web Vitals", "LCP", "CLS", "lighthouse"
---
## 성능 최적화 영역
```
┌─────────────────────────────────────────────────────────────────────────────┐
│ Frontend Performance Optimization │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ ┌──────────────────┐ │
│ │ Core Web │ │ Font │ │ Image │ │ Animation │ │
│ │ Vitals │ │ Optimization │ │ Optimization │ │ Performance │ │
│ ├──────────────┤ ├──────────────┤ ├──────────────┤ ├──────────────────┤ │
│ │ LCP < 2.5s │ │ font-display │ │ next/image │ │ GPU Accel │ │
│ │ INP < 200ms │ │ Subsetting │ │ WebP/AVIF │ │ will-change │ │
│ │ CLS < 0.1 │ │ Preload │ │ Lazy Load │ │ Layout Thrash │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ └──────────────────┘ │
│ │
│ ┌──────────────┐ ┌──────────────┐ │
│ │ CSS │ │ Bundle │ │
│ │ Optimization │ │ Analysis │ │
│ ├──────────────┤ ├──────────────┤