remotion-create
starsforks
How to install remotion-create?
remotion-dev/remotion/remotion-create
$npx -y skills add remotion-dev/remotion --skill remotion-createCreating a new Remotion video
SKILL.md
| 1 | These are instructions for making a new Remotion project and composition. |
| 2 | If this is not the next task, see [Remotion Best Practices](../remotion-best-practices/SKILL.md) |
| 3 | |
| 4 | ## Scaffold a project |
| 5 | |
| 6 | If a project already exists, skip this. |
| 7 | Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project. |
| 8 | |
| 9 | Scaffold one using: |
| 10 | |
| 11 | ```bash |
| 12 | npx create-video@latest --yes --blank --no-tailwind my-video |
| 13 | cd my-video |
| 14 | npm i |
| 15 | ``` |
| 16 | |
| 17 | Replace `my-video` with a suitable project name. |
| 18 | |
| 19 | ## Designing a video |
| 20 | |
| 21 | Keep the scaffold and add React Markup. Follow [Remotion React Markup Best Practices](../remotion-markup/SKILL.md) and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance. |
| 22 | |
| 23 | ## Interactivity Best Practices |
| 24 | |
| 25 | By structuring the React Markup following [Remotion Interactivity Best Practices](../remotion-interactivity/SKILL.md), you allow the user to make edits in the Studio which write back to code. |
| 26 | |
| 27 | ## TailwindCSS |
| 28 | |
| 29 | If Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion. |
| 30 | |
| 31 | ## Starting preview |
| 32 | |
| 33 | ```bash |
| 34 | npx remotion studio --no-open |
| 35 | ``` |
| 36 | |
| 37 | This will start a long-running process and print the server URL for the preview. |
| 38 | |
| 39 | ## Follow-up |
| 40 | |
| 41 | The video creation process has finished. |
| 42 | For follow-up prompts, use [Remotion Best Practices](../remotion-best-practices/SKILL.md) |
People who liked this also viewed
6 picksType
- find-skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skSkillsJul 2026
- grill-meA relentless interview to sharpen a plan or design.SkillsJul 2026
- vercel-react-best-practicesVercel's official collection of agent skillsSkillsJul 2026
- improve-codebase-architectureScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.SkillsJul 2026
- setup-matt-pocock-skillsConfigure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.SkillsJul 2026
- triageMove issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write agent-ready briefs.SkillsJul 2026
