Kinetic Title Video
自ら描かれるロゴスティング。コードからレンダリングされ、どんなブランドにも対応。
対応: Claude Code, Codex, Cursor, Muse · バージョン 1.0 · 必要なもの: Node.js 18+ と npm。Remotion でローカルレンダリングします(初回実行時にヘッドレス Chrome をダウンロード)。
無料ダウンロード すべての Premium Skills を解放
プレビュー
得られるもの
- 完全な Remotion プロジェクト(コンポジション+レンダリングスクリプト)
- 単一の SVG パスで駆動する描画アークアニメーション
- フレーム単位でタイミング調整された、バネによるワードマークとタグラインの出現
- 正方形 1080x1080 MP4 出力。Root.tsx で長さと形式を変更可能
この Skill について
5秒のキネティック・タイトルスティングを MP4 としてレンダリングします。アークマークが一筆ずつ描かれ、名前がバネの動きで着地し、タグラインが浮かび上がります。Remotion で構築されているため、フレーム全体が時間の関数です。名前、タグライン、色、またはマークの SVG パスを変更すれば、あらゆるブランド、チャンネル、ローンチ向けにピクセルパーフェクトなスティングを再レンダリングできます。
試してみる
scripts/render.sh ./title-sting.mp4
こんな方に最適
- 製品ローンチやチャンネルのイントロ
- デモや講演のブランドアイデント
向いていない用途
- 実写映像や AI 生成動画
インストール方法
- インストールプロンプトをあなたのエージェントにコピーしてください:
Read https://skillu.dev/install/agent.md, then install the Kinetic Title Video skill (kinetic-title-video). - または、公開後にこのページから Skill パッケージをダウンロードし、そのフォルダをエージェントの skills ディレクトリに配置します。
- スラッシュコマンドで呼び出します。例:
/kinetic-title-video。あとは欲しいものをそのまま言葉で伝えるだけです。
よくある質問
動画編集の経験は必要ですか?
いいえ。一つのコンポーネントで名前とタグラインのテキストを編集し、一つのコマンドを実行すれば、MP4 がレンダリングされます。
自分のロゴマークを使えますか?
はい。ARC_PATH の値を任意の単一パス SVG ロゴに置き換えれば、描画アニメーションがそれに沿います。