Anything2explainer
Vincentwei1021/anything2explainer
给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据，以及一条完整样片（《RAG 与知识库》）作为质量标尺。Turn any topic into a narrated…
Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec.
Install Remotion Render via inference.sh
$ npx skills add Hainrixz/editor-pro-max --skill remotion-render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Hainrixz/editor-pro-max remotion-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/Hainrixz/editor-pro-max.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/remotion-render .claude/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .claude/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-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 Hainrixz/editor-pro-max --skill remotion-render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Hainrixz/editor-pro-max remotion-render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Hainrixz/editor-pro-max.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/remotion-render .agents/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .agents/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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 Hainrixz/editor-pro-max --skill remotion-render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Hainrixz/editor-pro-max remotion-render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Hainrixz/editor-pro-max.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/remotion-render .cursor/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .cursor/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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/Hainrixz/editor-pro-max.git --path .agents/skills/remotion-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 Hainrixz/editor-pro-max --skill remotion-render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Hainrixz/editor-pro-max remotion-render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Hainrixz/editor-pro-max.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/remotion-render .gemini/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .gemini/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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 Hainrixz/editor-pro-max remotion-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 Hainrixz/editor-pro-max --skill remotion-render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Hainrixz/editor-pro-max.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/remotion-render .github/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .github/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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 Hainrixz/editor-pro-max --skill remotion-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 Hainrixz/editor-pro-max remotion-render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Hainrixz/editor-pro-max.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/remotion-render .opencode/skills/remotion-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 "remotion-render" agent skill from https://github.com/Hainrixz/editor-pro-max/tree/main/.agents/skills/remotion-render into .opencode/skills/remotion-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "remotion-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.
Facts
- Skill name
remotion-render- GitHub stars
- 261
- Used in
- 2 other repos
- Token cost
- ~2k tokens
- SKILL.md length
- 133 words
- Files
- 1
- Skills in repo
- 6
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec.
- Rendering an animated title or counter from code into an MP4
- SKILL.md covers Quick Start, Input Schema, Available Imports and Examples, plus 3 more sections
- Calls npx
- Generating data-driven videos from React components
What it does
You pass a React component as TSX code that exports a default component, and the infsh app run infsh/remotion-render command returns an MP4. The code can import from remotion and react, including useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill and Sequence. Optional inputs are composition_id, props, width, height, fps, duration_seconds and codec.
Worked examples cover fade-in text, an animated counter, spring animation, passing props and sequences. The skill needs the inference.sh CLI (infsh), logged in with infsh login, and its shell access is limited to infsh commands.
When your agent uses it
- Rendering an animated title or counter from code into an MP4
- Generating data-driven videos from React components
- Producing motion graphics without a local video toolchain
Example prompts
- “Render a 2 second fade-in title that says Launch Day as an MP4.”
- “Make a five second vertical video with an animated counter that counts up.”
- “Use a spring animation to bring in a logo, and render it at a higher frame rate.”
Requirements
- The inference.sh CLI (infsh), installed and logged in
- Pre-approved tools (allowed-tools): Bash(infsh *)
What it can do on your machine
Read from SKILL.md and the folder at commit 743f46c. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
Bash(infsh *)
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
inference.shcloud.inference.shraw.githubusercontent.comremotion.dev
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Remotion Render via inference.sh loads about 2k tokens when it runs. Until then it costs about 141 tokens; SKILL.md has 133 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.
Safety
Auto-check passed
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); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 133 words (~1,984 tokens).
“Render videos from React/Remotion component code via inference.sh CLI.”
- name
- remotion-render
- allowed-tools
- Bash(infsh *)
Files
Just SKILL.md in .agents/skills/remotion-render of Hainrixz/editor-pro-max.
Open the folder on GitHubat commit 743f46c
Used in 2 other repositories
We found 19 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in Hainrixz/editor-pro-max, which our catalogue first saw on October 7, 2026.
Compare with similar skills
Remotion Render via inference.sh 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 |
|---|---|---|---|---|---|---|
| Remotion Render via inference.sh this skillHainrixz/editor-pro-max | 261 | 2 repos | ~2k | Automated safety check: Pass | Custom licence | |
| Anything2explainerVincentwei1021/anything2explainer | 2.3k | — | ~2.7k | Automated safety check: Pass | Custom licence | |
| Remotion Motion Graphicshaidrrrry/claude-remotion-skill | 277 | — | ~2k | Automated safety check: Pass | MIT | |
| Remotionzhuzhaoyun/Molio | 432 | — | ~4k | Automated safety check: Pass | Custom licence | |
| VidTSX 2D Video Generatorhassancs91/claude-faceless-shorts-creator | 271 | — | ~2.8k | Automated safety check: Pass | MIT | |
| Remotion to HyperFrames Porterheygen-com/hyperframes | 59k | 3 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Remotion Motion Graphics
haidrrrry/claude-remotion-skill
Create and edit professional motion graphics videos with Remotion (React-based video).
Remotion
zhuzhaoyun/Molio
Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4.
VidTSX 2D Video Generator
hassancs91/claude-faceless-shorts-creator
Generates 2D Remotion-based TSX video files for VidTSX from a shot or scene description, with style presets and rules that keep renders from crashing.
Remotion to HyperFrames Porter
heygen-com/hyperframes
Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.
Create Remotion Geist
Marve10s/Better-Fullstack
Create Remotion videos using the Geist design system aesthetic.
More from Hainrixz/editor-pro-max
Animated React Component Libraries
Hainrixz/editor-pro-max
Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.
Awwwards-Level React Animations
Hainrixz/editor-pro-max
Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.
Explainer Video Guide
Hainrixz/editor-pro-max
Guides explainer video production from script formulas and pacing rules to scene generation with the inference.sh command line.
Motion Designer
Hainrixz/editor-pro-max
Advanced motion designer with decades of After Effects and motion graphics experience, specialized in creating engaging video specifications for Remotion.
Playwright MCP Browser Control
Hainrixz/editor-pro-max
Drives a live browser through the Playwright MCP server to navigate, inspect, fill forms and screenshot pages, with snapshot-first habits and output-size care.
Related
Works with
Categories
Questions about Remotion Render via inference.sh
What does Remotion Render via inference.sh do?
Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec. You pass a React component as TSX code that exports a default component, and the infsh app run infsh/remotion-render command returns an MP4. The code can import from remotion and react, including useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill and Sequence.
When should I use Remotion Render via inference.sh?
Remotion Render via inference.sh fits situations like: rendering an animated title or counter from code into an MP4; generating data-driven videos from React components; producing motion graphics without a local video toolchain.
How do I install Remotion Render via inference.sh in Claude Code?
Run `npx skills add Hainrixz/editor-pro-max --skill remotion-render -a claude-code`. Or copy the skill folder (.agents/skills/remotion-render in Hainrixz/editor-pro-max) into .claude/skills/remotion-render in your project. Claude Code loads it when a task matches its description.
How do I install Remotion Render via inference.sh in Codex?
Run `npx skills add Hainrixz/editor-pro-max --skill remotion-render -a codex`. Or copy the skill folder (.agents/skills/remotion-render in Hainrixz/editor-pro-max) into .agents/skills/remotion-render in your project. Codex loads it when a task matches its description.
Can I use Remotion Render via inference.sh in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Hainrixz/editor-pro-max --skill remotion-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/remotion-render, .gemini/skills/remotion-render, .github/skills/remotion-render and .opencode/skills/remotion-render in your project.
What does Remotion Render via inference.sh need to run?
Going by SKILL.md and its folder, Remotion Render via inference.sh needs the command-line tools its instructions call (npx). Our summary lists: The inference.sh CLI (infsh), installed and logged in. Its frontmatter pre-approves these tools: Bash(infsh *).
Does Remotion Render via inference.sh access the network?
SKILL.md names 4 domains. As links in the text: inference.sh, cloud.inference.sh, raw.githubusercontent.com and remotion.dev. This is read from the text; nothing was executed.
Is Remotion Render via inference.sh safe to install?
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. Review the folder before installing.
What licence does Remotion Render via inference.sh use?
Remotion Render via inference.sh has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Remotion Render via inference.sh use?
About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Remotion Render via inference.sh?
Skills that share tags, products or a category with Remotion Render via inference.sh: Anything2explainer (Vincentwei1021/anything2explainer, 2.3k stars), Remotion Motion Graphics (haidrrrry/claude-remotion-skill, 277 stars), Remotion (zhuzhaoyun/Molio, 432 stars) and VidTSX 2D Video Generator (hassancs91/claude-faceless-shorts-creator, 271 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Remotion Render via inference.sh?
Hainrixz (a GitHub user) maintains it in Hainrixz/editor-pro-max, which has 261 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on March 26, 2026.
Source: Hainrixz/editor-pro-max on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.