HTML/CSS/JS 애니메이션 템플릿에서 MP4 비디오를 제작합니다: 타임라인 디자인, 결정론적 애니메이션(시드 기반 무작위성), 헤드리스 브라우저를 통한 프레임 정밀 캡처, 인코딩 설정 및 오디오 동기화. 프로그래매틱 비디오, 인트로, 프로모션, 모션 그래픽에 사용하세요.
이 스킬은 HTML, CSS, JS로 작성된 애니메이션 템플릿을 사용하여 헤드리스 브라우저를 통해 각 프레임을 정확하게 캡처하고 ffmpeg으로 인코딩하여 MP4 비디오를 생성하는 도구입니다. 타임라인 기반 애니메이션을 지원하며 시드 기반 무작위성(seeded randomness)을 통해 결정론적이고 재현 가능한 애니메이션을 보장합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 활용할 수 있으며, HTML 비디오 생성, 인트로, 프로모션, 모션 그래픽 등에 적합합니다. 개발자는 이 스킬을 통해 복잡한 동영상 편집 도구 없이도 코드로 완전히 제어 가능한 비디오를 손쉽게 제작할 수 있습니다.
npx skills add https://github.com/qkhalk/goclaw/tree/dev/skills/html-videoHTML/CSS/JS 애니메이션 템플릿에서 MP4 비디오를 제작합니다: 타임라인 디자인, 결정론적 애니메이션(시드 기반 무작위성), 헤드리스 브라우저를 통한 프레임 정밀 캡처, 인코딩 설정 및 오디오 동기화. 프로그래매틱 비디오, 인트로, 프로모션, 모션 그래픽에 사용하세요. 키워드: HTML 비디오, MP4, 애니메이션, 헤드리스 브라우저, 프레임 캡처, ffmpeg, 인코딩, 모션 그래픽, 타임라인, 자동 비디오, 비디오 생성, HTML 애니메이션. HTML/CSS/JS 템플릿에서 MP4 비디오를 생성해야 할 때 사용하세요.
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.