Disney Animation Rule Skill
vibe-motion/skills
Apply Disney's 12 principles as practical design and engineering rules for procedural animation.
Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility.
Install Video Lessons
$ npx skills add Remocn/remocn-studio --skill video-lessons -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Remocn/remocn-studio video-lessons --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/Remocn/remocn-studio.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agent/skills/video-lessons .claude/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .claude/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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/Remocn/remocn-studio/tree/main/agent/skills/video-lessonsType 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 Remocn/remocn-studio --skill video-lessons -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Remocn/remocn-studio video-lessons --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Remocn/remocn-studio.git skills-src && mkdir -p .agents/skills && cp -r skills-src/agent/skills/video-lessons .agents/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .agents/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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 Remocn/remocn-studio --skill video-lessons -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Remocn/remocn-studio video-lessons --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Remocn/remocn-studio.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/agent/skills/video-lessons .cursor/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .cursor/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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/Remocn/remocn-studio.git --path agent/skills/video-lessons--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 Remocn/remocn-studio --skill video-lessons -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Remocn/remocn-studio video-lessons --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Remocn/remocn-studio.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/agent/skills/video-lessons .gemini/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .gemini/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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 Remocn/remocn-studio video-lessonsInstalls 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 Remocn/remocn-studio --skill video-lessons -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Remocn/remocn-studio.git skills-src && mkdir -p .github/skills && cp -r skills-src/agent/skills/video-lessons .github/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .github/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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 Remocn/remocn-studio --skill video-lessons -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Remocn/remocn-studio video-lessons --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Remocn/remocn-studio.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/agent/skills/video-lessons .opencode/skills/video-lessons && 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-lessons" agent skill from https://github.com/Remocn/remocn-studio/tree/main/agent/skills/video-lessons into .opencode/skills/video-lessons/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-lessons", 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-lessons- GitHub stars
- 158
- Token cost
- ~689 tokens
- SKILL.md length
- 307 words
- Files
- 6 (incl. references)
- Skills in repo
- 3
- Repo updated
- First seen
- Licence
- MIT
At a glance
Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility.
- Works in 4 steps: Reproduce the symptom in the actual… → Identify the component, local/global… → Correct the owning cause: the component… → …
- Tasks that involve Video production
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve 3D graphics and WebGL
What it does
Video Lessons is an agent skill from Remocn/remocn-studio. Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility. Consult the relevant technical reference while implementing those features or reproducing an observed defect.
Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `references/html-graphics.md`, `references/recipes.md` and `references/rendering.md`).
It sits in Media & Creative, covering Video production, 3D graphics and WebGL and Reproducible research. It works with Remotion. The repository describes itself as: Agent-native video editor. The licence is MIT.
When your agent uses it
- Tasks that involve Video production
- Tasks that involve 3D graphics and WebGL
- Tasks that involve Reproducible research
Example prompts
- “/video-lessons”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Reproduce the symptom in the actual composition and export settings. Inspect
- Identify the component, local/global frame, asset and installed version involved.
- Correct the owning cause: the component schedule, upstream event, shared anchor
- Record the reproducer, environment, fix and verification with the video. A fix
What it can do on your machine
Read from SKILL.md and the folder at commit 64bf0ae. 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.
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 Lessons loads about 689 tokens when it runs, and up to ~5.7k if it reads all its reference files. Until then it costs about 75 tokens; SKILL.md has 307 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 Remocn/remocn-studio at commit 64bf0ae, republished under its MIT licence (© Remocn). 307 words, ~689 tokens.
Download SKILL.mdSave it as
.claude/skills/video-lessons/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- video-lessons
- description
- Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility. Consult the relevant technical reference while implementing those features or reproducing an observed defect.
Video implementation lessons
These are historical observations from Remotion 4.x, headless Chrome and several project-specific components. Exact package versions and render settings were not recorded for every old observation. They are diagnostic leads, not universal render requirements or artistic direction.
Diagnose before applying a workaround
- Reproduce the symptom in the actual composition and export settings. Inspect the affected consecutive frames, not only a settled still.
- Identify the component, local/global frame, asset and installed version involved. Read only the relevant reference below and verify against the current code/API.
- Correct the owning cause: the component schedule, upstream event, shared anchor or rendering behavior established by the reproducer. Follow its dependencies into affected neighbors; a local symptom may require updating their timing or geometry together. Preserve the intended appearance and inspect that interval again.
- Record the reproducer, environment, fix and verification with the video. A fix is complete when the observed defect is resolved without changing the intended event, geometry or identity.
| Reference | Read for |
|---|---|
| Text and fonts | Fallback faces, wrapping, glyph shimmer or baseline jitter |
| Timing and transitions | Wrong local clock, blank states, masks or transition seams |
| HTML and graphics | CSS/portal behavior, layout, shaders or 3D rendering |
| Rendering | Export settings, reproducibility, media and dependencies |
| Optional recipes | Implementing an already-chosen settle, slide, orbit or morph |
The Studio conventions own composition registration, editable schemas and tool
contracts. The brief and brand own the visual direction. Recipe numbers are scoped
examples; a prior preference for one font weight, text axis, backdrop, opener or
transition is not a requirement for another film. Use motion-design for staging
and reference comparison, including valid still holds and locked cameras.
When adding a lesson, record symptom, applicability, evidence, correction and a counterexample. Keep a user/brand preference with that user or project. Remove a workaround when the installed runtime no longer exhibits the defect.
© Remocn, 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 5 other files (references) in agent/skills/video-lessons of Remocn/remocn-studio.
- SKILL.md
- references/html-graphics.md
- references/recipes.md
- references/rendering.md
- references/text-fonts.md
- references/timing-transitions.md
Open the folder on GitHubat commit 64bf0ae
Compare with similar skills
Video Lessons 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 Lessons this skillRemocn/remocn-studio | 158 | — | ~689 | Automated safety check: Pass | MIT | |
| Disney Animation Rule Skillvibe-motion/skills | 1.3k | — | ~1.5k | Automated safety check: Pass | None | |
| Multi Surface Renderyonatangross/orchestkit | 289 | — | ~4k | Automated safety check: Pass | MIT | |
| Video TalkcraftVincentwei1021/video-talkcraft | 1.4k | — | ~8.7k | Automated safety check: Notes | Custom licence | |
| Stitch to Remotion Walkthrough Videosgoogle-labs-code/stitch-skills | 8.4k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | |
| Video ShotcraftVincentwei1021/video-shotcraft | 11k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Multi Surface Render
yonatangross/orchestkit
Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes.
Video Talkcraft
Vincentwei1021/video-talkcraft
终极口播视频 skill：中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片（横屏默认/竖屏）。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音，可选 Fish Audio 从稿子合成配音与时间戳；数字人生成技术不在本 skill…
- Official
Stitch to Remotion Walkthrough Videos
google-labs-code/stitch-skills
Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.
Video Shotcraft
Vincentwei1021/video-shotcraft
Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.
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.
More from Remocn/remocn-studio
Remocn
Remocn/remocn-studio
Build Remotion videos with remocn — copy-paste animation components and timeline-driven UI primitives from a shadcn registry.
Motion Design
Remocn/remocn-studio
Direct a Remotion film from its brief, brand and visual references.
Related
Works with
Categories
Questions about Video Lessons
What does Video Lessons do?
Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility. Video Lessons is an agent skill from Remocn/remocn-studio. Diagnose Remotion implementation and render defects: font fallback, text jitter, local-frame timing, transition seams, wall-clock CSS, WebGL output and export reproducibility.
When should I use Video Lessons?
Video Lessons fits situations like: tasks that involve Video production; tasks that involve 3D graphics and WebGL; tasks that involve Reproducible research.
How do I install Video Lessons in Claude Code?
Run `npx skills add Remocn/remocn-studio --skill video-lessons -a claude-code`. Or copy the skill folder (agent/skills/video-lessons in Remocn/remocn-studio) into .claude/skills/video-lessons in your project. Claude Code loads it when a task matches its description.
How do I install Video Lessons in Codex?
Run `npx skills add Remocn/remocn-studio --skill video-lessons -a codex`. Or copy the skill folder (agent/skills/video-lessons in Remocn/remocn-studio) into .agents/skills/video-lessons in your project. Codex loads it when a task matches its description.
Can I use Video Lessons 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 Remocn/remocn-studio --skill video-lessons -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-lessons, .gemini/skills/video-lessons, .github/skills/video-lessons and .opencode/skills/video-lessons in your project.
What does Video Lessons need to run?
SKILL.md names no scripts, command-line tools or credentials: Video Lessons is instructions for the agent only.
Does Video Lessons 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 Lessons 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 Lessons use?
Video Lessons is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Video Lessons use?
About 689 tokens (SKILL.md is roughly 2.8k 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 5k tokens, read only when the agent opens those files.
What are the alternatives to Video Lessons?
Skills that share tags, products or a category with Video Lessons: Disney Animation Rule Skill (vibe-motion/skills, 1.3k stars), Multi Surface Render (yonatangross/orchestkit, 289 stars), Video Talkcraft (Vincentwei1021/video-talkcraft, 1.4k stars) and Stitch to Remotion Walkthrough Videos (google-labs-code/stitch-skills, 8.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Lessons?
Remocn (a GitHub organization) maintains it in Remocn/remocn-studio, which has 158 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 7, 2026.
Source: Remocn/remocn-studio on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.