scroll-scrub-hero-skill은(는) 무엇을 하나요?
Claude Code 스킬: 2개의 AI 이미지 → 7초 동영상 (lumalabs.ai 또는 Kling 3.0) → Next.js에서 GSAP 스크롤 스크럽 히어로
소스: https://github.com/sergeyramas/scroll-scrub-hero-skill
Awesome Skills 데일리 스킬 헌터가 발견했습니다.
Claude Code 스킬: 2개의 AI 이미지 → 7초 동영상 (lumalabs.ai 또는 Kling 3.0) → Next.js에서 GSAP 스크롤 스크럽 히어로
이 스킬은 Claude Code 에이전트가 두 개의 AI 생성 이미지를 사용하여 7초 분량의 매력적인 동영상을 제작하고, 이를 Next.js 프로젝트 내에서 GSAP(GreenSock Animation Platform) 기반의 스크롤 스크럽(scroll-scrub) 히어로 섹션으로 변환할 수 있도록 설계되었습니다. 사용자는 lumalabs.ai 또는 Kling 3.0과 같은 이미지-비디오 플랫폼을 활용하여 입력 이미지에서 동영상을 생성합니다. 그런 다음 생성된 동영상을 Next.js 애플리케이션에 통합하고, 사용자가 스크롤할 때 애니메이션이 재생되는 고급 스크롤-기반 인터랙티브 히어로를 구현합니다. 이 스킬은 최신 AI 이미지 생성, 비디오 합성, 그리고 GSAP를 통한 정교한 웹 애니메이션 기술을 결합하여 시각적으로 풍부하고 반응성이 뛰어난 사용자 경험을 제공하므로, 차세대 웹 프론트엔드 프로젝트를 구축하는 개발자에게 특히 유용합니다.
npx skills add sergeyramas/scroll-scrub-hero-skillClaude Code 스킬: 2개의 AI 이미지 → 7초 동영상 (lumalabs.ai 또는 Kling 3.0) → Next.js에서 GSAP 스크롤 스크럽 히어로
소스: https://github.com/sergeyramas/scroll-scrub-hero-skill
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.