mcpField
R
ruler-progress-render

ruler-progress-render

github.com/vibe-motionクリエイティブ・メディア1.4k973 回インストール3 週間前に更新
リポジトリ

ruler-progress-render について

ruler-progress-renderは、ruler-progress-animatorプロジェクトをレンダリングするスキルです。リポジトリの再利用またはクローン、npm依存関係のインストールを行い、出力パスを返します。

主な機能

  1. 01プロジェクトリポジトリの再利用またはクローン
  2. 02npm依存関係のインストール
  3. 03bunxまたはnpxでレンダリング
  4. 04ワークスペースと出力先の指定

活用シーン

  1. 01デフォルトの透過デモ動画をレンダリング
  2. 02指定したワークスペースでプロジェクトをレンダリング

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/vibe-motion/skills --skill ruler-progress-render

インストール後、Claude Code で/ruler-progress-renderを入力して読み込まれたか確認します。

同梱ファイルscripts/render_ruler_progress.sh

詳細

定規進捗レンダリング

ワークフロー

  1. このスキルの scripts/render_ruler_progress.sh を使用します。
  2. ユーザーがフォルダーを指定した場合は、workspace_dir を第1引数として渡します。それ以外の場合は、現在のディレクトリを使用します。
  3. ユーザーが出力先を指定した場合は、output_path を第2引数として渡します。それ以外の場合は、out/scaffold-demo-defaults-transparent.mov を使用します。
  4. スクリプトを実行し、完了するまで待ちます。
  5. スクリプトが出力した最終的な絶対パスを返します。

コマンド

bash scripts/render_ruler_progress.sh [workspace_dir] [output_path]

動作

  • workspace_dir/ruler-progress-animator が存在する場合はローカルリポジトリを再利用し、存在しない場合は GitHub からクローンします。
  • 既存のリポジトリを更新する際は、リモートのデフォルトブランチ（origin/HEAD）を追跡します。
  • npm の依存関係をインストールします。
  • bunx が利用可能な場合は、新しいスキャフォールドフローを実行します。
    • npm run remotion:ensure-browser
    • REMOTION_OUTPUT=... REMOTION_PROPS_FILE=shared/project/render-presets/default.json npm run remotion:render
  • このフローでは、共有 Chrome Headless Shell キャッシュを再利用し、ブラウザーのダウンロードが繰り返されるのを防ぎます。
  • bunx が利用できない場合は、互換性を確保するための代替手段として、同等のデフォルト設定で npx remotion render を実行します（共有ブラウザーキャッシュの最適化は行いません）。

要件

  • git
  • node
  • npm
  • クローン／更新および依存関係のインストールに必要なネットワークアクセス

コメント

Markdown 対応