---
id: gh-remotion-studio
name: "remotion-studio"
url: https://skills.yangsir.net/skill/gh-remotion-studio
author: remotion-dev
domain: multimedia
tags: ["remotion", "video-preview", "animation", "studio", "workflow"]
install_count: 158600
rating: 4.80 (120 reviews)
github: https://github.com/remotion-dev/skills/tree/main/skills/remotion-studio
---

# remotion-studio

> 此技能用于快速预览 Remotion 视频项目。用户运行命令后，自动启动 Studio 开发服务器并在浏览器中打开预览界面，无需手动配置端口或查找 URL。适合动画师、视频编辑和前端开发者，在编辑视频代码时即时查看效果，大幅缩短预览启动时间。

**Stats**: 158,600 installs · 4.8/5 (120 reviews)

## Before / After 对比

### 预览启动时间对比

**Before**:

开发者需要预览 Remotion 视频时，需手动安装依赖、查阅文档确认启动命令，并自行设置端口或从日志中寻找 URL。整个过程繁琐易错，平均耗时 30 分钟，严重打断创作节奏。

**After**:

此技能提供可直接执行的启动命令，自动完成依赖检查、端口分配和 URL 打印，并在浏览器中打开预览。通常 1 分钟内即可进入可视化编辑界面，让用户专注于视频创作本身。

| Metric | Before | After | Change |
|---|---|---|---|
| 预览配置时间 | 30分钟 | 1分钟 | -97% |

## Readme

Execute the following command:

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

If the Studio is already opened, the URL will be printed and the command will exit.
Otherwise, a long-running process will start, and the URL will be printed.

Open the URL in the browser.

## Useful flags

| Argument          | Purpose                                                                                       |
| ----------------- | --------------------------------------------------------------------------------------------- |
| `--log=<level>`   | Set `error`, `warn`, `info` (default), or `verbose` logging.                                  |
| `--port=<number>` | Request a Studio server port; otherwise Remotion finds a free port.                           |
| `--force-new`     | Start another Studio instance even when one is already running for the same project and port. |


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