Pipeline Flow Video
どんなワークフローも6秒で説明。パルスが流れに沿って各ステップを照らします。
対応: Claude Code, Codex, Cursor, Muse · バージョン 1.0 · 必要なもの: Node.js 18+ と npm。Remotion でローカルレンダリングします(初回実行時にヘッドレス Chrome をダウンロード)。
無料ダウンロード すべての Premium Skills を解放
プレビュー
得られるもの
- 完全な Remotion プロジェクト(コンポジション+レンダリングスクリプト)
- 編集可能なノードリスト(キャプション付きの3〜5ステップ)
- ノードごとの活性化タイミングを持つ、移動するパルス
- ページ、投稿、ピッチ向けの 1080x1080 MP4 出力
この Skill について
コードからパイプライン解説動画をレンダリングします。見出し、プロセスノードの列、そしてその上を移動する光のパルスが、各ステップとそのキャプションを順に点灯させます。ノードはシンプルなデータ配列なので、同じプロジェクトで自動化ワークフロー、オンボーディングファネル、サプライチェーンなど、一目で理解すべきあらゆるプロセスを説明できます。
試してみる
scripts/render.sh ./pipeline.mp4
こんな方に最適
- 仕組みを説明するセクションやローンチ投稿
- ワークフローやファネルの解説
向いていない用途
- 詳細なチュートリアルや長尺のナレーション付き解説
インストール方法
- インストールプロンプトをあなたのエージェントにコピーしてください:
Read https://skillu.dev/install/agent.md, then install the Pipeline Flow Video skill (pipeline-flow-video). - または、公開後にこのページから Skill パッケージをダウンロードし、そのフォルダをエージェントの skills ディレクトリに配置します。
- スラッシュコマンドで呼び出します。例:
/pipeline-flow-video。あとは欲しいものをそのまま言葉で伝えるだけです。
よくある質問
何ステップまで表示できますか?
フィードの速度では、3つから5つが最も読みやすくなります。ノードの位置はデータです。キャンバス上に均等に配置してください。
見出しとキャプションは変えられますか?
はい。どちらもコンポーネント内のプレーンテキストで、各ノードのサブキャプションが物語を運びます。