3d-website-builder-skill은(는) 무엇을 하나요?
Claude Code 스킬: 준비된 MP4 → 바닐라 HTML/CSS/JS 스크롤 기반 히어로 (GSAP video.currentTime, FFmpeg 불필요)
출처: https://github.com/sergeyramas/3d-website-builder-skill
Awesome Skills 일일 스킬 헌터가 발견했습니다.
Claude Code 스킬: 준비된 MP4 → 바닐라 HTML/CSS/JS 스크롤 기반 히어로 (GSAP video.currentTime, FFmpeg 불필요)
이 스킬은 Claude Code에서 MP4 동영상을 사용하여 스크롤 기반의 3D 느낌 히어로 섹션을 제작하는 방법을 제공합니다. 사용자는 고해상도 MP4 파일만 준비하면, 별도의 FFmpeg이나 복잡한 동영상 처리 도구 없이도 GSAP(GreenSock Animation Platform)의 video.currentTime 속성을 활용하여 바닐라 HTML, CSS, JavaScript로 구성된 완전한 웹 히어로 영역을 생성할 수 있습니다. 이 스킬은 주로 Claude Code 환경에서 활용되며, CSS 및 JavaScript에 대한 기본적인 지식만으로도 전문가 수준의 인터랙티브 웹 요소를 빠르게 만들 수 있습니다. 또한, GitHub에서 오픈소스로 제공되어 누구나 기여하거나 개선할 수 있습니다.
npx skills add sergeyramas/3d-website-builder-skillClaude Code 스킬: 준비된 MP4 → 바닐라 HTML/CSS/JS 스크롤 기반 히어로 (GSAP video.currentTime, FFmpeg 불필요)
출처: https://github.com/sergeyramas/3d-website-builder-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.