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.
Agent skill
Video Framework Selector
by dracohu2025-cloud in dracohu2025-cloud/draco-skills-collection
视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。
Install Video Framework Selector
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection video-framework-selector --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/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/video-framework-selector .claude/skills/video-framework-selector && 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 "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .claude/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selectorType 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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection video-framework-selector --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .agents/skills && cp -r skills-src/video-framework-selector .agents/skills/video-framework-selector && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .agents/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection video-framework-selector --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/video-framework-selector .cursor/skills/video-framework-selector && 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 "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .cursor/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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/dracohu2025-cloud/draco-skills-collection.git --path video-framework-selector--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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection video-framework-selector --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/video-framework-selector .gemini/skills/video-framework-selector && 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 "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .gemini/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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 dracohu2025-cloud/draco-skills-collection video-framework-selectorInstalls 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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .github/skills && cp -r skills-src/video-framework-selector .github/skills/video-framework-selector && 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 "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .github/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection video-framework-selector --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/video-framework-selector .opencode/skills/video-framework-selector && 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 "video-framework-selector" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/video-framework-selector into .opencode/skills/video-framework-selector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-framework-selector", 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
video-framework-selector- GitHub stars
- 227
- Token cost
- ~610 tokens
- SKILL.md length
- 206 words
- Files
- 5 (incl. references)
- Skills in repo
- 27
- Repo updated
- First seen
- Licence
- MIT
At a glance
视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。
- Works in 4 steps: 先识别视频类型 → 用户描述太短 → 需求混合 → …
- Tasks that involve Video production
- SKILL.md covers 目标, 默认流程, Step 2. 问自己这 5 个问题 and 快速决策, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Video Framework Selector is an agent skill from dracohu2025-cloud/draco-skills-collection. 视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。
Its SKILL.md is about 610 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `README.md`, `references/decision-table.md` and `references/handoff-map.md`).
It sits in Media & Creative, covering Video production. It works with Manim, Remotion and React. The licence is MIT.
When your agent uses it
- Tasks that involve Video production
Example prompts
- “/video-framework-selector”
Requirements
- Python 3
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 26e8975. It shows what the files ask for, not the result of running them.
Tool permissions
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.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Video Framework Selector loads about 610 tokens when it runs, and up to ~1.1k if it reads all its reference files. Until then it costs about 28 tokens; SKILL.md has 206 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
The full file from dracohu2025-cloud/draco-skills-collection at commit 26e8975, republished under its MIT licence (© dracohu2025-cloud). 206 words, ~610 tokens.
Download SKILL.mdSave it as
.claude/skills/video-framework-selector/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.- name
- video-framework-selector
- description
- 视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。
- version
- 1.0.0
- author
- Hermes Agent
- license
- MIT
Video Framework Selector
这是视频任务的 前置 skill。
以后只要用户说：
- 做个视频
- 做个动画
- 做个解释视频
- 用代码生成视频
- 哪个框架合适
就先加载这个 skill，再决定是否进入：
manim-videomotion-canvasremotion
目标
在真正开做之前，先回答三件事：
- 该选哪个框架
- 为什么选它
- 选它会牺牲什么
如果这个判断不先做，后面常见问题是：
- 用 React 硬讲几何变换，写着费劲
- 用 Manim 硬拼 UI 卡片，结果很别扭
- 用 Motion Canvas 做内容工厂，后面维护累
默认流程
Step 1. 先识别视频类型
先判断用户要的更像哪一种：
A. 对象变换讲解
典型信号：
- 数学
- 公式
- 坐标系
- 几何
- 算法过程
- 机制解释
- “这个对象怎么从 A 变到 B”
默认候选：manim-video
B. 场景编排动画
典型信号：
- 讲解型动画
- 技术 demo
- 时间轴式分段表演
- 代码驱动 motion graphics
- TypeScript 场景动画
- 想一边写一边预览
默认候选：motion-canvas
C. 页面/组件视频
典型信号：
- React
- 卡片
- 页面
- 仪表盘
- 模板视频
- 批量生成
- 数据驱动 UI 视频
- “这一帧页面该长什么样”
默认候选：remotion
Step 2. 问自己这 5 个问题
主角是对象，还是页面？
- 对象 → Manim / Motion Canvas
- 页面 → Remotion
重点是讲清机制，还是做模板生产？
- 讲机制 → Manim / Motion Canvas
- 模板生产 → Remotion
作者脑子里先想的是变换、场景、还是组件？
- 变换 → Manim
- 场景 → Motion Canvas
- 组件 → Remotion
团队语言是 Python，还是 TS/React？
- Python → Manim 更顺
- TS/React → Motion Canvas / Remotion 更顺
以后是不是要大量复用模板？
- 是 → Remotion 优势更大
- 不是，重在单支视频表达 → Manim / Motion Canvas 更自然
快速决策
选 Manim，当：
- 你要讲对象怎么变
- 数学 / 公式 / 几何是核心
- 目标是“讲明白”
- 你愿意为表达力和清晰度接受更强的动画 DSL
选 Motion Canvas，当：
- 你要的是讲解动画，但更偏 TS 工作流
- 你想用场景和时间轴编排内容
- 你想保留代码驱动动画的味道，同时要更现代的预览体验
选 Remotion，当：
- 你做的是 React 组件视频
- 你要模板化、批量化、页面型视频
- 你需要复用前端组件、样式系统、字体、布局
输出格式
做完选型时，回答应尽量固定成这四段：
推荐框架
一句话给出主推荐。
选择理由
只给 2~4 条最关键理由，别堆术语。
放弃的代价
说明另外两种路线为什么这次不优先。
下一步
直接进入对应 skill：
manim-videomotion-canvasremotion
推荐回答模板
## 推荐框架
这次建议用：**<framework>**
## 理由
- ...
- ...
- ...
## 这次不优先选另外两条的原因
- <framework B>：...
- <framework C>：...
## 下一步
进入 `<skill-name>`，先做：分镜 / 场景拆分 / 关键帧规划 / 静音版。边界情况
1. 用户描述太短
比如只说“做个视频”。
先别瞎定。至少补齐：
- 是讲概念，还是做模板
- 偏数学对象，还是偏页面 UI
- 最终是单支视频，还是批量复用
2. 需求混合
如果同时包含：
- 数学讲解
- UI 模拟
- 模板批量生产
先抓主任务。不要贪三条路线全占。
3. 技术栈影响判断，但不该压过内容本质
比如用户会 React，不代表所有视频都该上 Remotion。 内容结构永远先于语言熟悉度。
一句话心法
先判断你在拍“对象”“场景”还是“页面”，再选 Manim、Motion Canvas、Remotion。
© dracohu2025-cloud, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 4 other files (references) in video-framework-selector of dracohu2025-cloud/draco-skills-collection.
- SKILL.md
- README.md
- references/decision-table.md
- references/handoff-map.md
- references/question-checklist.md
Open the folder on GitHubat commit 26e8975
Compare with similar skills
Video Framework Selector 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 |
|---|---|---|---|---|---|---|
| Video Framework Selector this skilldracohu2025-cloud/draco-skills-collection | 227 | — | ~610 | Automated safety check: Pass | MIT | |
| Remotionzhuzhaoyun/Molio | 433 | — | ~4k | Automated safety check: Pass | Custom licence | |
| Concept To VideoMathews-Tom/armory | 328 | — | ~4.9k | Automated safety check: Pass | MIT | |
| Remotion Best Practiceslyonjs/shortvid.io | 147 | 33 repos | ~1k | Automated safety check: Pass | MIT | |
| Remotion to HyperFrames Porterheygen-com/hyperframes | 59k | 3 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 | |
| Anything2explainerVincentwei1021/anything2explainer | 2.4k | — | ~2.7k | Automated safety check: Pass | Custom licence |
Similar skills
Concept To Video
Mathews-Tom/armory
Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition.
Remotion Best Practices
lyonjs/shortvid.io
Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.
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.
Anything2explainer
Vincentwei1021/anything2explainer
给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据，以及一条完整样片（《RAG 与知识库》）作为质量标尺。Turn any topic into a narrated…
Remotion Bits
Marve10s/Better-Fullstack
Animation components and utilities for Remotion video projects.
More from dracohu2025-cloud/draco-skills-collection
All 27 skills in this repoAI News Bitable Archive Dingtalk
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when parsing a DingTalk daily news document and syncing title, date, Top 3, summary, conclusion, document link, and status into a DingTalk multidimensional table.
Feishu Seedance Video Pipeline
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when running a Feishu/Lark Base-centered Seedance video production pipeline: inspect/backfill the Base row, create/reference assets, build Row-24-style Chinese Seedance…
Motion Canvas
dracohu2025-cloud/draco-skills-collection
Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.
News Aggregator Skill
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when collecting public news candidates from Hacker News, GitHub Trending, Hugging Face papers, and other web sources for briefings and daily reports.
Open Design To Open Slide
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when mining Open Design visual systems and converting them into Open Slide React template kits or standalone 20-page template albums, with build, deployment, screenshot QA…
Daily AI Agent Aigc Top News Dingtalk
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when generating a daily 24h AI / Agent / AIGC top-news briefing, publishing it as a DingTalk document, validating it, and optionally archiving it to a DingTalk…
Related
Categories
Questions about Video Framework Selector
What does Video Framework Selector do?
视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。. Video Framework Selector is an agent skill from dracohu2025-cloud/draco-skills-collection.
When should I use Video Framework Selector?
Video Framework Selector fits situations like: tasks that involve Video production.
How do I install Video Framework Selector in Claude Code?
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a claude-code`. Or copy the skill folder (video-framework-selector in dracohu2025-cloud/draco-skills-collection) into .claude/skills/video-framework-selector in your project. Claude Code loads it when a task matches its description.
How do I install Video Framework Selector in Codex?
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a codex`. Or copy the skill folder (video-framework-selector in dracohu2025-cloud/draco-skills-collection) into .agents/skills/video-framework-selector in your project. Codex loads it when a task matches its description.
Can I use Video Framework Selector 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 dracohu2025-cloud/draco-skills-collection --skill video-framework-selector -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/video-framework-selector, .gemini/skills/video-framework-selector, .github/skills/video-framework-selector and .opencode/skills/video-framework-selector in your project.
What does Video Framework Selector need to run?
SKILL.md names no scripts, command-line tools or credentials: Video Framework Selector is instructions for the agent only. Our summary lists: Python 3.
Does Video Framework Selector access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Video Framework Selector 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 Video Framework Selector use?
Video Framework Selector is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Video Framework Selector use?
About 610 tokens (SKILL.md is roughly 2.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 492 tokens, read only when the agent opens those files.
What are the alternatives to Video Framework Selector?
Skills that share tags, products or a category with Video Framework Selector: Remotion (zhuzhaoyun/Molio, 433 stars), Concept To Video (Mathews-Tom/armory, 328 stars), Remotion Best Practices (lyonjs/shortvid.io, 147 stars) and Remotion to HyperFrames Porter (heygen-com/hyperframes, 59k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Framework Selector?
dracohu2025-cloud (a GitHub user) maintains it in dracohu2025-cloud/draco-skills-collection, which has 227 GitHub stars. The repository holds 27 skills in this directory. The repository was last updated on September 17, 2026.
Source: dracohu2025-cloud/draco-skills-collection on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.