remotion-video skill
✓ VerifiedCreate short promotional or explainer videos entirely through code, including sound and MP4 rendering.
- GitHub stars
- 1,054
- Files
- 3
- Last commit
- Oct 17, 2026
- License
- MIT
- Allowed tools
- —
What does the remotion-video skill do?
remotion-video creates short promotional or explainer videos entirely through code, including sound and MP4 rendering.
Summary generated from the skill's SKILL.md.
About the remotion-video skill
Generating promotional or explainer videos through code is what this skill enables for product owners and developers. It uses Remotion to transform a product brief into a rendered MP4 file that includes synchronized sound, effects, and ambience. The process is highly structured, requiring the agent to first propose a concept and then present a storyboard of six to eight key frames for approval before any code is written.
An agent should load this skill when a user needs a launch clip, demo, or social media video. The workflow relies on a BRIEF.md file to track revisions and ensure consistency. The skill produces a final video file with specific technical standards, such as -16 LUFS loudness and synchronized audio tracks. It avoids synthetic voices and focuses on showing how a product benefits a person rather than simply listing features or recreating app screens.
What an agent can do with it
- 1Create a product launch videoAsk the agent to build a short video for a new product launch based on a provided link or folder.
- 2Develop a storyboard for approvalRequest a visual and auditory plan consisting of key frames before the actual video rendering begins.
- 3Generate social media clipsInstruct the agent to create a short social clip that demonstrates product value through a narrative.
Written from the skill's SKILL.md. Every use case is checked against a quote from it.
How to install the remotion-video skill
Each command copies the skill folder into the client's skills directory. Restart the client or start a new session to load it.Install the remotion-video skill in Claude Code
~/.claude/skills/remotion-video/SKILL.md
$ npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video ~/.claude/skills/remotion-videoInstall the remotion-video skill in Claude Code (project)
.claude/skills/remotion-video/SKILL.md
$ npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video .claude/skills/remotion-videoInstall the remotion-video skill in Codex
~/.agents/skills/remotion-video/SKILL.md
$ npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video ~/.agents/skills/remotion-videoInstall the remotion-video skill in Gemini CLI
~/.gemini/skills/remotion-video/SKILL.md
$ npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video ~/.gemini/skills/remotion-videoInstall the remotion-video skill in Claude.ai
npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video remotion-video && zip -r remotion-video.zip remotion-video # claude.ai → Customize → Skills → + → Create skill → Upload a skill → remotion-video.zip
Automated checks
Ran Nov 15, 2026Full report →Passed our automated checks. That is not a security audit: read the scripts before you let an agent run them. How checks work · What to fix for more points
- Source repository linked and reachabletechnomadcode/ai-product-development-toolkit/agent-skills/remotion-video is public and reachablegithub.com/technomadcode/ai-product-development-toolkit/tree ↗Pass
- Open source license (OSI)MITspdx.org/licenses/MIT.html ↗Pass
- Commit or release in the last yearLast commit 2026-10-17github.com/technomadcode/ai-product-development-toolkit/comm ↗Pass
- No download-and-run or credential theft in scriptsNo scripts in the skill folderPass
- No hidden instructions in SKILL.mdNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/technomadcode/ai-product-development-toolkit/blob ↗Pass
- Pre-approved tools are scopedNo pre-approved tools; the agent asks before using onegithub.com/technomadcode/ai-product-development-toolkit/blob ↗Pass
- SKILL.md follows the Agent Skills formatthe description does not say when to use the skillgithub.com/technomadcode/ai-product-development-toolkit/blob ↗Finding
SKILL.md
View on GitHubMake a short video about the owner's product or brand, entirely in code with Remotion: picture, sound and the final MP4. The work follows brief.md in this skill's folder. If the file is missing, tell the owner to install the skills again.
The owner answers at two points with "go" or what to change. Build nothing before the first go.
1. Proposal, then wait
- If the current folder has a
BRIEF.md, this is a revision of an earlier video. Read it, propose only the changes the owner asked for, and keep the rest. - If the owner gave you their own filled brief, use it. Otherwise, fill in
brief.mdyourself.- Use what the owner named: a link, a folder or a product.
- If they named nothing, read the current folder: README, site copy, logo, colours and fonts.
- If there's nothing to read, ask one question: "What's the video for? Paste a link, a folder path or one sentence."
- Reply with these items, each kept short, in under ten lines in total. Skip intros and extra sections:
- Product: what it is and who it's for, in one sentence.
- Kind: promo, launch, explainer, demo or social clip, taken from the owner's request. If the request doesn't say, use a promo.
- Idea: two or three sentences on how it opens, what happens and how it ends. The story shows what the product does for someone.
- Look and sound: one sentence.
- Format: length, size and frame rate.
- New lines: any on-screen line that isn't from the owner's own material, or "none".
- License: what Remotion's license means for the owner, with the link. Check its official license page first; don't answer from memory.
- Add one more line only if something blocks the idea, for example missing or low-quality assets.
- End with "Go?". Install nothing and create no files before the answer.
2. Storyboard, then wait
- Set up a Remotion project. If the current folder is empty, use it. Otherwise create a new folder next to the product's project. Save the filled brief in it as
BRIEF.md, so later changes start from it. - Before writing Remotion code, check its current docs for the installed version.
- Use one timing file for both picture and sound.
- Render 6–8 key frames onto one sheet. Caption each frame with one line about what you see and hear. Send the sheet and end with "Go?".
3. Film
- Build the film the brief describes. Make the sound in code: effects and ambience, timed from the same timing file. Use no synthetic voice and no music unless the owner asks for them or provides them.
- Check before delivery:
- Go through the brief's "Before it's done" list.
- Step through the frames around every transition. Nothing should pop, jump or vanish between frames.
- Do a cold read. If you can delegate, have one reviewer who hasn't seen your notes watch a contact sheet as a first-time viewer and say what they understood. Otherwise, do it yourself. Fix whatever confuses them. Run a bigger review only if the owner asks.
- The MP4 has the expected frame count and resolution. Its audio track is as long as the picture and in sync. Loudness is about -16 LUFS, with true peaks below -1 dBTP.
- Deliver what the brief's "Hand-over" lists, plus what you couldn't check. Always say that nobody has listened to the sound.
Rules
- Show what the product does for a person. Don't recreate its website or app screens, and don't list features.
- Keep only a few words on screen at a time. Keep the product name and address on screen for at least 2 seconds.
- Every visual must make sense to someone who has never heard of the product. If a metaphor needs explaining, replace it.
- Let the story set the length. Don't rush beats to hit a number.
- When the owner asks for changes, keep everything they didn't mention. Never overwrite an earlier render; save the new one alongside it.
Files in this skill
3remotion-video skill questions
How do I install the remotion-video skill in Claude Code?
Run npx degit TechNomadCode/AI-Product-Development-Toolkit/agent-skills/remotion-video ~/.claude/skills/remotion-video. Claude Code loads skills from ~/.claude/skills (all projects) or .claude/skills (one project) and uses a skill when its description matches the task.
Which clients can use the remotion-video skill?
Any client that reads the Agent Skills format: Claude Code, Codex, Gemini CLI and claude.ai (upload as a ZIP). Scripts in the skill run only where the client allows code execution.
What kind of videos can this skill create?
The skill can produce promos, launches, explainers, demos, or social clips.
Does the agent start building immediately?
No, the agent requires approval at two specific stages: after the initial proposal and after the storyboard is presented.
How is sound handled in the video?
Sound effects and ambience are created in code using a single timing file for both picture and sound, avoiding synthetic voices or music unless requested.