cinematic-scroll-skill은(는) 무엇을 하나요?
에이전트 스킬: 브리프로부터 시네마틱하고 스크롤 기반의 웹사이트를 구축합니다: 비주얼 시스템, 모션 스토리보드, 바닐라/GSAP 데모, Next.js 릴리스 페이지 템플릿.
에이전트 스킬: 브리프로부터 시네마틱하고 스크롤 기반의 웹사이트를 구축합니다: 비주얼 시스템, 모션 스토리보드, 바닐라/GSAP 데모, Next.js 릴리스 페이지 템플릿.
이 스킬은 개발자와 AI 에이전트가 브리프를 바탕으로 시네마틱하고 스크롤 기반의 웹사이트를 구축할 수 있도록 설계되었습니다. 비주얼 시스템 정의, 모션 스토리보드 제작, 바닐라 JavaScript 및 GSAP 데모 구현, 그리고 Next.js 릴리스 페이지 템플릿 생성을 지원합니다. 다양한 개발 플랫폼에서 사용할 수 있으며, 스크롤에 반응하는 몰입형 사용자 경험을 빠르게 프로토타이핑하고 제작하는 데 유용합니다. 이 스킬은 사용자의 요구사항을 분석하여 일관된 비주얼 시스템을 설계하고, 각 섹션의 스크롤 동작을 스토리보드로 시각화하며, 즉시 실행 가능한 코드 데모를 제공합니다. 또한 Next.js 기반의 릴리스 페이지 템플릿을 제공하여 제품 출시나 이벤트 페이지를 손쉽게 구성할 수 있도록 돕습니다.
npx skills add MustBeSimo/cinematic-scroll-skill에이전트 스킬: 브리프로부터 시네마틱하고 스크롤 기반의 웹사이트를 구축합니다: 비주얼 시스템, 모션 스토리보드, 바닐라/GSAP 데모, Next.js 릴리스 페이지 템플릿.
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.