手順
scripts/setup.shを実行して環境を確認します。npx hyperframes init <プロジェクト名>でプロジェクトを作成します。必要に応じて、公式スキルに従ってレジストリコンポーネントをインストールします。- まずストーリーボード（各セグメントの長さ、テキスト、素材）を作成し、次に HTML 合成を記述します。
npx hyperframes lintで検証し、プレビューで確認してからレンダリングします。- MP4 とソースプロジェクトディレクトリを納品します。
製品のショート動画、タイトルカード、字幕アニメーションを作成する必要がある場合に使用します。HyperFrames に基づいて HTML で動画を記述し、MP4 にレンダリングします。
このスキルは、HyperFrames フレームワークを使用して、HTML、CSS、および JavaScript を使用してプログラムで動画コンテンツを作成するためのものです。これにより、開発者は製品デモ、タイトルカード、字幕アニメーションなどのソーシャルメディア向けの短い動画をすばやく作成できます。このスキルは、`scripts/setup.sh` を使用した環境セットアップ、`npx hyperframes init` を使用したプロジェクトの初期化、および `npx hyperframes lint` を使用した構文チェックをガイドします。JavaScriptのビデオスキルと同様に、テキストアニメーション、マルチメディア要素、レイアウトを備えたReactコンポーネントを使用して、最終出力用の高品質なビデオフレームを生成します。
npx skills add SvenKunkka/grokbot-hyperframes-skillsscripts/setup.sh を実行して環境を確認します。npx hyperframes init <プロジェクト名> でプロジェクトを作成します。必要に応じて、公式スキルに従ってレジストリコンポーネントをインストールします。npx hyperframes lint で検証し、プレビューで確認してからレンダリングします。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.