Skill do Claude Code: 2 imagens de IA → vídeo de 7s (lumalabs.ai ou Kling 3.0) → herói com scroll-scrub GSAP em Next.js
Este skill do Claude Code automatiza a criação de uma seção de herói com efeito scroll-scrub usando GSAP em um projeto Next.js, partindo de duas imagens geradas por IA (ferramentas como Midjourney, DALL-E, etc.). O skill utiliza a API do Lumalabs.ai ou Kling 3.0 para transformar as duas imagens em um vídeo de aproximadamente 7 segundos com transições suaves. Em seguida, ele configura o GSAP ScrollTrigger e o efeito scrub para sincronizar a animação do vídeo com o scroll da página, resultando em uma experiência visual imersiva e de alto impacto. Por fim, integra tudo em um componente React otimizado para Next.js, incluindo carregamento lazy, design responsivo e performance. É ideal para desenvolvedores que desejam criar landing pages modernas e chamativas sem precisar lidar com ferramentas complexas de vídeo ou animação manual. O skill foi descoberto pela comunidade Awesome Skills e está disponível no GitHub.
npx skills add sergeyramas/scroll-scrub-hero-skillSkill do Claude Code: 2 imagens de IA → vídeo de 7s (lumalabs.ai ou Kling 3.0) → herói com scroll-scrub GSAP em Next.js
Fonte: https://github.com/sergeyramas/scroll-scrub-hero-skill
Descoberto pelo caçador diário de skills da Awesome Skills.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.