HTML、CSS、シーク可能なアニメーションから、ヘッドレスChromeとFFmpegを使って決定論的にMP4へレンダリングする動画合成スキル。プログラムによる動画作成、モーショングラフィックス、アニメーション解説、HTML-to-videoレンダリングに使用。
このスキルは、HTML、CSS、およびJavaScriptベースのシーク可能なアニメーションを、ヘッドレスChrome（Puppeteer経由）とFFmpegを使用して決定論的なMP4動画に変換します。フレームごとに精密な制御が必要なプログラム動画作成、モーショングラフィックス、アニメーション解説、HTML-to-videoレンダリングに最適です。同じ入力から常に同一の出力を得られる決定論的性質により、CI/CDパイプラインや反復処理に適していますが、フォトリアルな映像制作（visual-studio）、UI操作感の再現（emil-design-eng）、スクロール連動型ストーリーテリング（scroll-craft）、3Dカメラワールド（scroll-world）には適していません。内部的には、ページを指定されたFPSでキャプチャし、フレームを一時ファイルに保存した後、FFmpegで合成し、必要に応じてカスタムオプションでエンコードします。
npx skills add https://github.com/kuker24/OpenCodeHighEnd/tree/main/skills/hyperframesHTML、CSS、シーク可能なアニメーションから、ヘッドレスChromeとFFmpegを使って決定論的にMP4へレンダリングする動画合成。プログラムによる動画作成、モーショングラフィックス、アニメーション解説、HTML-to-videoレンダリングに使用。フォトリアル/シネマティックなメディア（visual-studio）、UI操作感（emil-design-eng）、スクロール連動型ストーリーテリング（scroll-craft）、3Dカメラワールド（scroll-world）には非対応。
This repo contains 1 individual skill — each has its own dedicated page.
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.