Please help me install this Agent Skill. Skill: performance-optimizer Source: https://github.com/nitinm21/sharp_demo/tree/main/performance-optimizer/SKILL.md Command: npx skills add https://github.com/nitinm21/sharp_demo --skill performance-optimizer-nitinm21

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers reduce React app load times and improve interactivity by guiding code-splitting, memoization, bundle analysis, Core Web Vitals optimization, and runtime profiling.

Core Features & Use Cases

Code Splitting: Split large bundles using React.lazy, dynamic import(), route-based splitting, and tree shaking to reduce initial load.
Memoization & Profiler: Use React.memo, useMemo, and useCallback to prevent unnecessary renders and speed up updates; measure with React Profiler.
Core Web Vitals & Runtime Profiling: Profile LCP, FID, CLS, TTFB; identify bottlenecks; optimize images, caching, and long tasks.
Bundle & Image Optimization: Bundle analysis, minification, compression, and image format choices; long-term caching.
Use Case: A medium-sized React app reduces TTI and LCP after applying these patterns.

Quick Start

Identify a slow route or heavy component; wrap the route with dynamic import and React.Suspense, and wrap heavy child components with React.memo.
Run a production build and analyze the bundle with a tool like webpack-bundle-analyzer to spot large modules.
Implement optimization patterns (code-splitting, memoization, bundle minification) and re-audit with Core Web Vitals to confirm improvements.