Agent skill · software engineering · yonatangross
performance
Performance patterns: Core Web Vitals, React renders, lazy loading, images, backend profiling, LLM inference. Use when improving page speed, slow renders, bundle size or backend latency.
Why this skill is useful
Adds detailed optimization patterns and executable rules for performance across frontend, backend, and LLM inference that aren't widely known.
What it needs
About 7k tokens when loaded. Last updated 2026-08-06. 215 stars on the source repository.
What this skill does
Performance Comprehensive performance optimization patterns for frontend, backend, and LLM inference. Quick Reference Category Rules Impact When to Use ---------- ------- -------- ------------- Core Web Vitals 4 CRITICAL LCP, INP, CLS optimization with 2026 thresholds Render Optimization 3 HIGH React Compiler, memoization, virtualization Lazy Loading 3 HIGH Code splitting, route splitting, preloading Image Optimization 2 HIGH AVIF/WebP formats, responsive images Profiling & Backend 3 MEDIUM React DevTools, py-spy, bundle analysis LLM Inference 3 MEDIUM vLLM, quantization, speculative decoding Caching 2 HIGH Redis cache-aside, prompt caching, HTTP cache headers Query & Data Fetching 2 HIGH TanStack Query prefetching, optimistic updates, rollback Sustainability 1 MEDIUM Page weight budgets, lazy loading, optimized formats, dark mode Total: 23 rules across 9 categories Core Web Vitals Google's Core Web Vitals with 2026 stricter thresholds. Rule File Key Pattern ------ ------ ------------- LCP Optimization rules/cwv-lcp.md Preload hero, SSR, fetchpriority="high" INP Optimization rules/cwv-inp.md scheduler.yield, useTransition, requestIdleCallback INP Advanced rules/cwv-inp-advanced.md Layout thrashing, third-party scripts, rAF patterns CLS Prevention rules/cwv-cls.md Explicit dimensions, aspect-ratio, font-display 2026 Thresholds Metric Current Good 2026 Good -------- -------------- ----------- LCP <= 2.5s <= 2.0s INP <= 200ms <= 150ms CLS <= 0.1 <= 0.08 Render Optimization React render performance patterns for React 19+. Rule File Key Pattern ------ ------ ------------- React Compiler rules/render-compiler.md Auto-memoization, "Memo" badge verification Manual Memoization rules/render-memo.md useMemo/useCallback escape hatches, state colocation Virtualization rules/render-virtual.md TanStack Virtual for 100+ item lists Lazy Loading Code splitting and lazy loading with React.lazy and Suspense. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills yonatangross/performance