/performance--lazy-load

/performance--lazy-load is a Claude Code skill in the Code section. Applies lazy loading to routes, components, images and modules so your site loads faster on first visit.

Author's description

Implement lazy loading for routes, components, images, and modules

How to ask for it

/performance--lazy-load load images only when they scroll into view
/performance--lazy-load split my app's routes so they load on demand
/performance--lazy-load lazy-load this heavy component

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /performance--lazy-load. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/performance--memory-leakFinding memory leaks
Scans your frontend and backend code for memory leaks, explains why each one leaks and proposes the fix.
Built here
/performance--perf-auditPerformance audit
Audits your backend and frontend code for bottlenecks and lists each finding with its location, estimated impact and a specific fix.
Built here
/performance--web-vitalsCore Web Vitals improvement
Measures your site's LCP, INP and CLS, diagnoses their causes in the code and applies fixes to reach the recommended thresholds.
Built here
/scaffold--componentComplete UI component
Generates a React, Vue or Svelte component following your project's conventions, with types, styles, tests and a Storybook story.
Built here
/scaffold--component-3d3D component for the web
Generates a 3D component with React Three Fiber, Three.js or Babylon.js, including types, animations and controls, matched to your project.
Built here
/scaffold--fullstackFull-stack feature scaffold
Builds a feature end to end: migration, model, API, typed client, UI screens and tests, following your project's conventions.
Built here

How to ask for it

Install

More from this section