---
id: gh-remotion-create
name: "remotion-create"
url: https://skills.yangsir.net/skill/gh-remotion-create
author: remotion-dev
domain: ai-frontend-engineering
tags: ["video-creation", "remotion", "scaffolding", "react", "animation"]
install_count: 55300
rating: 4.70 (120 reviews)
github: https://github.com/remotion-dev/skills/tree/main/skills/remotion-best-practices/remotion-create
---

# remotion-create

> 此技能用于快速创建新的 Remotion 视频项目。它提供项目脚手架、最佳实践指南和交互性支持，帮助开发者从零开始高效构建视频应用，无需手动配置繁琐的环境。

**Stats**: 55,300 installs · 4.7/5 (120 reviews)

## Before / After 对比

### 创建新视频项目的时间

**Before**:

在没有此技能之前，用户需要手动安装依赖、配置项目结构、设置构建工具，并查阅大量文档才能开始编写视频代码。整个过程耗时且容易出错。

**After**:

此技能一键完成项目脚手架，自动安装依赖并提示最佳实践，用户可直接进入视频设计阶段，大幅提升启动效率。

| Metric | Before | After | Change |
|---|---|---|---|
| 项目创建时间 | 30分钟 | 5分钟 | -83% |

## Readme

These are instructions for making a new Remotion project and composition.  
If this is not the next task, see [Remotion Best Practices](../SKILL.md)

## 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:

```bash
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
```

Replace `my-video` with a suitable project name.

## Designing a video

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.

## Interactivity Best Practices

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.

## TailwindCSS

If Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion.

## Starting preview

```bash
npx remotion studio --no-open
```

This will start a long-running process and print the server URL for the preview.

## Follow-up

The video creation process has finished.
For follow-up prompts, use [Remotion Best Practices](../SKILL.md)


---
*Source: https://skills.yangsir.net/skill/gh-remotion-create*
*Markdown mirror: https://skills.yangsir.net/api/skill/gh-remotion-create/markdown*