agent-trust-hub
Reviewed
Analyzed Oct 12, 2026
remotion-dev/skills · Official
remotion-create
Create a new Remotion video
8-week activity · all time api
Installation
$
npx skills add remotion-dev/skills --skill remotion-create
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
remotion
Similar name
google-labs-code/stitch-skills
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zoomin…
64 installs
remotion
Similar name
vercel-labs/json-render
Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working …
1.7K installs
remotion-best-practices
Similar name
vercel-labs/json-render
Best practices for Remotion - Video creation in React
1.5K installs
remotion-to-hyperframes
Similar name
heygen-com/hyperframes
Port an existing Remotion (React) composition''s source to HyperFrames HTML. Use ONLY on an exp…
6.3K installs
remotion-render
Similar name
101-skills/superpowers
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supp…
1.3K installs
remotion-render
Similar name
magentosh/superpowers
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supp…
3.8K installsSecurity audits
Partner security reviews for this skill.
snyk
Reviewed
Analyzed Oct 12, 2026
socket
Score 0.9000 · 0 alerts
Analyzed Oct 12, 2026
0 alerts
Also in this package
Other skills from remotion-dev/skills · top by installs.
npx skills add remotion-dev/skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Repository health
Stars
4.5K
Default branch
main
Open issues
10
Status
Active
Skill metadata
Parsed from SKILL.md frontmatter.
Version4.0.521
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md1,856 B -
docs
SUMMARY.md50 B
History
- First seen on skills.sh
- First recorded snapshot · 75,312 installs
Videos
Tutorials, guides, and showcases specifically about this skill.
SKILL.md
These are instructions for making a new Remotion project and composition. If this is not the next task, see Remotion Best Practices
Scaffold a project
If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project.
Scaffold one using:
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm iReplace my-video with a suitable project name.
Designing a video
Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance.
Is this a multi-scene video?
If this is a video with multiple subsequence videos, follow guidance at Multi-scene videos.
Interactivity Best Practices
By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code.
TailwindCSS
If Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion.
Open the preview
Start the preview server after building the composition:
npx remotion studio --no-openThis will start a long-running process and print the server URL for the preview. If the server is already started, it will print the URL. If an in-harness browser is available, open it there. You can visit a specific composition by navigating to /[composition-id], for example http://localhost:3000/MapAnimation.
Render the video
Only render if the user explicitly asks for it.
npx remotion renderFor more options, see Rendering.
Follow-up
The video creation process has finished. For follow-up prompts, use Remotion Best Practices