SkillsAdd

nolangz/skills · Archived

ruler-progress-render

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

First seen Jul 24, 2026

Installation

$ npx skills add nolangz/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.

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

svg-assembly-animator Same source · more installs
nolangz/skills

为 SVG 矢量图创建?

2 installs
disney-animation-rule-skill Same source
nolangz/skills

Apply Disney's 12 principles as practical design and engineering rules for procedural animation…

1 installs
wechat-2d-render Same source
nolangz/skills

Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat…

1 installs
threejs-earth-render Same source
nolangz/skills

Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth rout…

1 installs

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
ruler-progress-render Similar name
vibe-motion/skills

Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress v…

847 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

Also in this package

Other skills from nolangz/skills.

npx skills add nolangz/skills
svg-assembly-animator 2 disney-animation-rule-skill 1 wechat-2d-render 1 threejs-earth-render 1 remotion-3d-ticker 1 light-spotlight-render 1

Browse all from nolangz/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

Also listed on

Alternate registries and mirrors of this skill.

Repository health

Stars 1
Default branch main
Status Archived

Package contents

Files included with this skill beyond the listing page.

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

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 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