Skip to content
alyn
vibe-motion

Ruler Progress Render skill

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.

$npx skills add vibe-motion/skills --skill ruler-progress-render
View this skill on GitHubvibe-motion/skills/ruler-progress-render/SKILL.md
Pack stars
1,596
Pack installs
11k
Alyn Score
56/99
Updated
36 days ago
– views – installs via Alyn
Video

Install Ruler Progress Render

Pick your agent. Every command is ready to paste.

$npx skills add vibe-motion/skills --skill ruler-progress-render

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads ruler-progress-render when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the ruler-progress-render skill”. In Codex, type $ruler-progress-render.

The skill itself

SKILL.md

FolderGitHub

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 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

Tips for Ruler Progress Render

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • This skill ships scripts. Read them before the first run, and run it in a project without secrets first.
  • • It is part of a pack with 15 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Ruler Progress Render

What does the Ruler Progress Render skill do?

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.

How do I install Ruler Progress Render?

Run "npx skills add vibe-motion/skills --skill ruler-progress-render" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Ruler Progress Render work in Cursor and Codex?

Yes. Ruler Progress Render uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Ruler Progress Render free?

Ruler Progress Render is open source on GitHub. It is free to install; check the license before commercial use.

Who made Ruler Progress Render?

Ruler Progress Render is published by vibe-motion in the vibe-motion/skills repository, together with 14 other skills.

Similar skills. From other creators.