HyperFrames Video Entry Point
heygen-com/hyperframes
Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.
Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters.
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vibe-motion/skills ruler-progress-render --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ruler-progress-render .claude/skills/ruler-progress-render && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .claude/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vibe-motion/skills/tree/main/ruler-progress-renderType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vibe-motion/skills ruler-progress-render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/ruler-progress-render .agents/skills/ruler-progress-render && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .agents/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vibe-motion/skills ruler-progress-render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/ruler-progress-render .cursor/skills/ruler-progress-render && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .cursor/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vibe-motion/skills.git --path ruler-progress-render--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vibe-motion/skills ruler-progress-render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/ruler-progress-render .gemini/skills/ruler-progress-render && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .gemini/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vibe-motion/skills ruler-progress-renderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/ruler-progress-render .github/skills/ruler-progress-render && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .github/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vibe-motion/skills --skill ruler-progress-render -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vibe-motion/skills ruler-progress-render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/ruler-progress-render .opencode/skills/ruler-progress-render && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ruler-progress-render" agent skill from https://github.com/vibe-motion/skills/tree/main/ruler-progress-render into .opencode/skills/ruler-progress-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ruler-progress-render", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ruler-progress-renderClone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters.
Ruler Progress Render is an agent skill from vibe-motion/skills. 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.
Its SKILL.md is about 410 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/render_ruler_progress.sh`).
It sits in Media & Creative, covering Video production. It works with GitHub, Remotion and npm. The repository describes itself as: agent skills for vibe motion.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 4c86c0d. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 1 file in scripts/ (Shell), which the agent can run.
Shell commands in SKILL.md call:
npmbashnpxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Ruler Progress Render loads about 408 tokens when it runs. Until then it costs about 72 tokens; SKILL.md has 147 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
Without a licence we can't republish the file, so here is its outline and opening line. It has 147 words (~408 tokens).
SKILL.md and 1 other file (scripts) in ruler-progress-render of vibe-motion/skills.
Open the folder on GitHubat commit 4c86c0d
Ruler Progress Render next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ruler Progress Render this skillvibe-motion/skills | 1.3k | — | ~408 | Automated safety check: Pass | None | |
| HyperFrames Video Entry Pointheygen-com/hyperframes | 58k | 3 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| Video TalkcraftVincentwei1021/video-talkcraft | 1.4k | — | ~8.7k | Automated safety check: Notes | Custom licence | |
| Find Unplanned Issuesremotion-dev/remotion | 62k | — | ~673 | Automated safety check: Pass | Custom licence | |
| Remotion MotionGTKottman/mortiflix-oss | 201 | — | ~806 | Automated safety check: Pass | AGPL-3.0 | |
| Remotion Videoopenvetta/open-vetta | 290 | — | ~744 | Automated safety check: Pass | Apache-2.0 |
heygen-com/hyperframes
Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.
Vincentwei1021/video-talkcraft
终极口播视频 skill:中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片(横屏默认/竖屏)。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音,可选 Fish Audio 从稿子合成配音与时间戳;数字人生成技术不在本 skill…
remotion-dev/remotion
Audit and clean the Remotion GitHub masterplan hierarchy. An agent skill from remotion-dev/remotion.
GTKottman/mortiflix-oss
Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.
openvetta/open-vetta
Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.
remotion-dev/remotion
Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.
vibe-motion/skills
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold…
vibe-motion/skills
Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.
vibe-motion/skills
Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV.
vibe-motion/skills
Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).
vibe-motion/skills
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
vibe-motion/skills
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
Categories
Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Ruler Progress Render is an agent skill from vibe-motion/skills.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters.
Ruler Progress Render fits situations like: users ask for requests like 绘制个尺子进度条; 渲染 ruler progress; ask to export the default demo video from this project.
Run `npx skills add vibe-motion/skills --skill ruler-progress-render -a claude-code`. Or copy the skill folder (ruler-progress-render in vibe-motion/skills) into .claude/skills/ruler-progress-render in your project. Claude Code loads it when a task matches its description.
Run `npx skills add vibe-motion/skills --skill ruler-progress-render -a codex`. Or copy the skill folder (ruler-progress-render in vibe-motion/skills) into .agents/skills/ruler-progress-render in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vibe-motion/skills --skill ruler-progress-render -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ruler-progress-render, .gemini/skills/ruler-progress-render, .github/skills/ruler-progress-render and .opencode/skills/ruler-progress-render in your project.
Going by SKILL.md and its folder, Ruler Progress Render needs a shell for the scripts in its folder and the command-line tools its instructions call (npm, bash and npx). Our summary lists: Node.js; A Bash shell.
SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
No licence was found for Ruler Progress Render or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
About 408 tokens (SKILL.md is roughly 1.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Ruler Progress Render: HyperFrames Video Entry Point (heygen-com/hyperframes, 58k stars), Video Talkcraft (Vincentwei1021/video-talkcraft, 1.4k stars), Find Unplanned Issues (remotion-dev/remotion, 62k stars) and Remotion Motion (GTKottman/mortiflix-oss, 201 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
vibe-motion (a GitHub organization) maintains it in vibe-motion/skills, which has 1,318 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 5, 2026.
Source: vibe-motion/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.