SkillsAdd

vibe-motion/skills

ruler-progress-render

Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters.

First seen Apr 8, 2026

Installation

$ npx skills add vibe-motion/skills --skill ruler-progress-render
View on skills.sh ↗ GitHub repository ↗

Summary

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

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

skill-progressive-disclosure-design Similar name
samber/cc-skills

Decide how to split skill content between SKILL.md and reference files for context efficiency a…

2K installs
progressive-blur Similar name
mengto/skills

Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for …

20 installs
claude-md-progressive-disclosurer Similar name
daymade/claude-code-skills

Optimize, slim, or restructure CLAUDE.md/AGENTS.md with progressive disclosure and zero informa…

872 installs
progressive-hydration Similar name
patternsdev/skills

Teaches progressive hydration for prioritized client-side interactivity. Use when server-render…

777 installs
scroll-progress-timeline Similar name
mengto/skills

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base lin…

18 installs
syncfusion-react-progress-bar Similar name
syncfusion/react-ui-components-skills

Implement Syncfusion React Progress Bar for visual feedback.

552 installs

Also in this package

Other skills from vibe-motion/skills · top by installs.

npx skills add vibe-motion/skills
svg-assembly-animator 1.1K claude-typer 1.0K procedural-fish-render 926 light-spotlight-render 735 remotion-3d-ticker 734 wechat-2d-render 718 threejs-earth-render 550 disney-animation-rule-skill 447 brand-launch-video-star 164 remotion-candlestick 157

Browse all from vibe-motion/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1.2K
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,668 B
  • docs SUMMARY.md 1,635 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 847 installs

SKILL.md

Ruler Progress Render

Workflow

  1. Use scripts/renderrulerprogress.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 - REMOTIONOUTPUT=... REMOTIONPROPS_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