sn-code-video

sn-code-video

CanvasやSVG、Three.js、Remotion、Manimなどで、音声付きのコード駆動動画を制作・改訂し、フレーム確認とMP4検証まで行うスキル。

AIスキル大辞典による日本語要約
品質評価100/100評価確度:十分
人気度(GitHub Star) 100発掘スコア 67
01

このSkillでできること

  • ✓コードで説明動画、プロシージャルアニメーション、モーショングラフィックス、プロモーション動画を制作する
  • ✓Canvas、SVG、HTML/CSS、Three.js、Remotion、Manim、p5.jsを使って映像を構成する
  • ✓音声、決定論的なフレームキャプチャ、映像の目視レビュー、MP4検証に対応する
  • ✓音楽同期型の映像を制作・改訂する
02

使い方

01
STEP 1

動画用の独立したプロジェクトフォルダーを用意し、ソース、SPEC.md、ビルドファイル、出力を整理する

02
STEP 2

依頼内容に応じて、説明図、スタイル、シミュレーション、キャラクター、Three.js、モーショングラフィックスなどのガイドを参照する

03
STEP 3

フレームを時刻とフレームレートに基づいて決定論的に生成し、映像を確認する

04
STEP 4

再生可能なMP4、ソースコード、再現コマンド、SPEC.md、VERIFY.md、コンタクトシートを成果物としてまとめる

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/OpenSenseNova/SenseNova-Skills
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/OpenSenseNova/SenseNova-Skills.git --depth=1
mkdir -p ~/.openclaw/skills
cp -r SenseNova-Skills/skills/* ~/.openclaw/skills/
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Three.jsで、製品の仕組みを説明する30秒のコード駆動動画を制作してください。決定論的にフレームを生成し、映像をレビューして、再生可能なMP4とSPEC.md、VERIFY.md、コンタクトシートを用意してください。
出力例を見る
再生可能なMP4、ソースコード、再現コマンド、SPEC.md、VERIFY.md、コンタクトシート。音声を使う場合は音声ステムとタイミングデータ。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • network: - [`sn-infographic` on ClawMama (Telegram / WhatsApp)](https://app.clawmama.run/skills/3k6s9d/hermes?utm_source=github&utm_medium=issue&utm_campaign=skil
06

関連Skill