跳到正文
cccskills
免费在 GitHub 公开

remotion-studio

Launch Remotion Studio to preview a video in a browser while it is being created or edited. Keep the preview open to review changes, and choose browser behavior, server ports, or logging options.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Preview a Remotion video

查看安装方法

适用场景

  • Preview a video early in production
  • Review changes while editing
  • Open Studio in an in-app browser
  • Choose a Studio server port

包含的文件(3)

  • SKILL.md1.6 KB
  • agents/openai.yaml237 B
  • assets/remotion-icon.svg1.3 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

When creating or editing a video, start Studio and open its preview as soon as the project can run, before building the composition. Keep it open while you work so the user can see changes and steer.

In Cursor, run Studio without --no-open so the browser opens automatically:

npx remotion studio

In other agent clients, you can also let Studio open the browser automatically with the command above. If you have an in-app browser and intend to use it, run:

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.

When using --no-open, open the exact printed URL in the in-app browser and verify that Studio loads. Once a composition exists, verify that its video preview loads. Do not use --no-open if you cannot open the URL in the in-app browser.

Useful flags

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

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Guide an agent to the right Remotion instructions for creating videos, adding captions or maps, exporting files, and building applications. The workflow emphasizes checking an interactive preview as the video takes shape.

中文简介正在准备中。当前显示英语简介。

  • Create a video while reviewing its preview
  • Find guidance for captions and animated maps
  • Export a finished video
remotion-dev/skills53932026年10月16日 更新

Create and display captions for Remotion videos, with guidance for transcribing audio or video, importing SRT files, and animating captions. Keep caption text and timing in a shared JSON format.

中文简介正在准备中。当前显示英语简介。

  • Generate captions from video or audio
  • Display and animate captions in a video
  • Import existing SRT subtitles
remotion-dev/skills53932026年10月16日 更新

Start a new Remotion video by setting up a project when needed and opening Studio before building scenes. Covers folder selection, React video structure, multiple scenes, and timelines with individually editable clips.

中文简介正在准备中。当前显示英语简介。

  • Set up a new Remotion video project
  • Add a new video to an existing project
  • Create a video with multiple scenes
remotion-dev/skills53932026年10月16日 更新

Find current Remotion documentation for a feature or API, then retrieve relevant pages as Markdown. Use the documented behavior to guide implementation instead of relying on previously learned API details.

中文简介正在准备中。当前显示英语简介。

  • Look up how a Remotion feature works
  • Check current API details before implementation
  • Retrieve documentation pages as Markdown
remotion-dev/skills53932026年10月16日 更新

Structure Remotion code so elements can be selected and edited visually in Remotion Studio. Covers reusable scenes, editable text and styles, timeline organization, and keyframes, which define how properties change over time.

中文简介正在准备中。当前显示英语简介。

  • Make text, colors, and positions editable in Studio
  • Edit scene and clip timing independently
  • Adjust animation keyframes and easing
remotion-dev/skills53932026年10月16日 更新

Choose a technique for adding maps to Remotion videos, from satellite images with animated overlays to globe views, geographic annotations, and terrain flythroughs. Compare approaches based on the intended shot and service requirements.

中文简介正在准备中。当前显示英语简介。

  • Animate overlays on a satellite image
  • Show a globe or 3D buildings with Mapbox
  • Use MapLibre without an API key
remotion-dev/skills53932026年10月16日 更新

查看 remotion-dev 的全部技能

报告此技能的问题