Ruler Progress Render

vibe-motion/skills/ruler-progress-render

作者 vibe-motion4c86c0d016a3ba22ee673428a494f3c44f84111f無授權條款收錄於 2026年10月9日更新於 2026年10月9日

Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for requests like "绘制个尺子进度条", "做个尺子进度动画", "渲染 ruler progress", or ask to export the default demo video from this project.

包含腳本Design & Creative
AI 產生的概覽

複製或更新尺子進度動畫專案,並透過指令稿算繪預設的尺子進度影片。

功能
此技能會執行內附的 shell 指令稿,複製或更新 ruler-progress-animator 專案、安裝 npm 相依套件,並算繪尺子進度動畫影片。它可接受選用的工作目錄與輸出路徑,預設為目前目錄與 out/scaffold-demo-defaults-transparent.mov。當 bunx 可用時採用 Remotion 的 scaffold 流程,否則退回 npx remotion render。指令稿會輸出並回傳最終影片的絕對路徑。
適用情境
當使用者要求繪製尺子進度條、製作尺子進度動畫、算繪 ruler progress,或匯出此專案的預設示範影片時使用。
執行需求
需要 git、node、npm,以及用於複製或更新專案與安裝相依套件的網路存取。內附可執行指令稿 scripts/render_ruler_progress.sh;bunx 為選用,無法使用時退回 npx。

Ruler Progress Render

Workflow

  1. Use scripts/render_ruler_progress.sh from this skill.
  2. Pass workspace_dir as the first argument when the user specifies a folder; otherwise use current directory.
  3. Pass output_path as the second argument when the user specifies output; otherwise use out/scaffold-demo-defaults-transparent.mov.
  4. Run the script and wait for completion.
  5. Return the final absolute output path printed by the script.

Command

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

Behavior

  • Reuse local repo if workspace_dir/ruler-progress-animator exists; otherwise clone from GitHub.
  • Track remote default branch (origin/HEAD) when updating existing repo.
  • Install npm dependencies.
  • If bunx is available, run the new scaffold flow:
    • npm run remotion:ensure-browser
    • REMOTION_OUTPUT=... REMOTION_PROPS_FILE=shared/project/render-presets/default.json npm run remotion:render
  • This flow reuses shared Chrome Headless Shell cache and avoids repeated browser downloads.
  • If bunx is unavailable, fallback to npx remotion render with equivalent defaults as a compatibility path (without shared browser cache optimization).

Requirements

  • git
  • node
  • npm
  • network access for clone/update and dependency install

來源與署名

來源:vibe-motion/skills位於ruler-progress-render提交4c86c0d

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架