academy-guide
Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends…
@guanyangInstall SkillDevelopment
Skill
/remotion-studio
Preview a Remotion video
Claude Code
$ npx -y skills add guanyang/open-agent-hub --skill remotion-studio --agent claude-code
Codex
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a codex -y
Cursor
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a cursor -y
Gemini CLI
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a gemini-cli -y
GitHub Copilot
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a github-copilot -y
OpenCode
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a opencode -y
Windsurf
$ npx skills add guanyang/open-agent-hub --skill remotion-studio -a windsurf -y
SKILL.md
remotion-studio.SKILL.mdname: remotion-studio
description: Preview a Remotion video
version: 4.0.543
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
| 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. |
Read more
name: remotion-studio description: Preview a Remotion video version: 4.0.543
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
| 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. |
Ships withopen-agent-hub
A lightweight, zero-dependency CLI tool to manage and activate capabilities for AI coding assistants (such as Claude Code, Cursor, Trae, etc.).
1k105 skills5 agents6 MCP
Stars on GitHub
Momentum
- stars in total
- 1.0k
Other skills on open-agent-hub.
@guanyangInstall Skilladvanced-evaluation
This skill should be used for advanced LLM evaluation: LLM-as-judge systems, direct scoring, pairwise comparison, rubric…
@guanyangInstall Skillalgorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request…
@guanyangInstall Skillbaoyu-article-illustra…
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette…
@guanyangInstall Skillbaoyu-comic
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts…
@guanyangInstall Skillbaoyu-compress-image
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize…
@guanyangInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about remotion-studio.
- Which coding agents can use remotion-studio?
- remotion-studio installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.