--- name: seo-perf description: | Optimize Core Web Vitals for Lighthouse 100 score. Handles images, fonts, preloading, and render-blocking resources. Auto-validates via PostToolUse hook. Use when optimizing performance, fixing CLS, or improving LCP\/FID. argument-hint: "[target] [file]" hooks: PostToolUse: - matcher: "Edit|Write|MultiEdit" hooks: - type: command command: "uv run \"$CLAUDE_PROJECT_DIR\"\/.claude\/hooks\/seo\/post_perf_validate.py" --- # Core Web Vitals Optimization ## Overview Optimizes for Lighthouse Performance 100 score. PostToolUse hook validates every edit automatically. ## Arguments | Position | Name | Values | Default | |----------|------|--------|---------| | $1 | target | images, fonts, preload, all | all | | $2 | file | Target file path | Auto-select | ## Usage ```bash \/seo-perf images \/seo-perf fonts src\/styles\/global.css \/seo-perf all ``` ## Core Web Vitals | Metric | Target | Impact | |--------|--------|--------| | LCP | <2.5s | Largest Contentful Paint | | FID | <100ms | First Input Delay | | CLS | <0.1 | Cumulative Layout Shift | | INP | <200ms | Interaction to Next Paint | ## Image Optimization ### Required Attributes ```html Descriptive text

``` | Attribute | Error Code | Purpose | |-----------|------------|---------| | width + height | PERF001 | Prevents CLS | | alt | PERF002 | Accessibility + SEO | | loading="lazy" | PERF003 | Deferred loading | ### Modern Formats ```html