From swiper
Vollständige Referenz des Swiper Lazy Loading: loading="lazy" native Browser-Integration, lazyPreloadPrevNext, lazyPreloaderClass, swiper-lazy-preloader HTML-Element. Trigger: "swiper lazy", "swiper lazy loading", "swiper lazy load images", "swiper lazyPreloadPrevNext", "swiper lazy preloader", "swiper loading lazy", "swiper lazy module", "swiper image lazy load", "swiper lazy parameters", "swiper swiper-lazy-preloader".
How this skill is triggered — by the user, by Claude, or both
Slash command
/swiper:swiper-lazyThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Bilder werden erst beim Sichtbarwerden geladen (natives Browser-Lazy-Loading).
Bilder werden erst beim Sichtbarwerden geladen (natives Browser-Lazy-Loading).
<div class="swiper-slide">
<img src="bild.jpg" loading="lazy" />
<div class="swiper-lazy-preloader"></div>
</div>
<!-- Helle Variante für dunkle Hintergründe -->
<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
import Swiper from 'swiper';
const swiper = new Swiper('.swiper', {
lazyPreloadPrevNext: 2, // 2 Slides vor/nach aktiv vorladen
});
Hinweis: Kein separates Modul-Import notwendig — lazyPreloadPrevNext ist ein Core-Parameter.
npx claudepluginhub zone1987/claude-a-dev-team --plugin swiperCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.