remocn plugin
A Claude Code and Codex plugin that builds Remotion videos from ready-made components: animations, transitions, backgrounds and scenes
- 1,701 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The skill runs npx shadcn add and copies source files into the project, and edits components.json on the first run
- The plugin calls remocn.dev: it reads the catalog and connects a remote MCP server
- The agent runs renders and type checks, which take CPU time
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add plugins/remocnDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skill runs npx shadcn add and copies source files into the project, and edits components.json on the first run
- The plugin calls remocn.dev: it reads the catalog and connects a remote MCP server
- The agent runs renders and type checks, which take CPU time
This is third-party code. Review the repository files before installing.
What it does
remocn is a plugin and skill set for Remotion video work. It takes the agent from a request to a finished project: brief, storyboard, installing the right components, composing scenes and checking frames by eye. The plugin carries the /remocn:video command, the add, changelog, studio and main remocn skills, and two subagents, video-director and scene-reviewer. Components come from a shadcn registry: about 240 animations, transitions, backgrounds, captions and interface elements. The code is copied into your project under components/remocn, so you can edit it as your own. There is no copy of the catalog in the skill; it reads the live list at remocn.dev/llms-components.txt and the .md page of each component. The add skill installs a single component and shows how to place it in a Sequence with the right length. The changelog skill gathers changes from tags, commits or merged pull requests and turns them into a short release video. A finished project can be opened in Remocn Studio, a free macOS app where the agent builds the video while you watch a live preview.
Who it is for. Developers and product founders who need a demo or release video and have no time to edit by hand.
Good fit when
- A release needs a video listing the changes, and assembling it from commits and tags by hand takes long
- A Remotion project lacks a transition or an animated title, and you would rather not write them from scratch
- A product demo has to be ready in one evening, from brief and storyboard to a checked render
- The agent writes Remotion video but the frames come out rough, and you want a scene reviewer
Not a fit when
- The question is about Remotion itself: interpolate, spring, rendering and config belong to the Remotion skills
- You need to edit filmed footage: the components draw animation in code and do not cut video files
- The project has no Remotion and none is planned
- The network is closed: the skill reads the component catalog on remocn.dev
Example request
Make a 20-second video about release 2.3 of our project: take the changes from the tags, show the storyboard and wait for my replyLimitations
The plugin manifest says version 0.1.1; the project is young, and both the component set and the docs pages change. The skill reads the catalog from remocn.dev, so component search does not work without access to it. A Remotion project must be set up first; on the first run the setup.mjs script adds the @remocn registry to components.json. The plugin connects a remote MCP server at remocn.dev/mcp. Remocn Studio is a separate macOS app.
How to disable. Remove the plugin with /plugin uninstall remocn in Claude Code, or delete the skill from .claude/skills or .agents/skills. Components already copied sit in components/remocn in your project; delete them by hand.
FAQ
How do I install remocn in Claude Code?
Run /plugin install remocn --marketplace Remocn/remocn. Codex uses different commands: codex plugin marketplace add Remocn/remocn, then codex plugin add remocn@remocn. The skill alone, without the plugin, installs with npx skills add Remocn/remocn.
Do I need Remotion first?
Yes. Remotion has to exist before components are installed; without a project the README suggests creating one with npx create-video@latest. Components are then added to that project through shadcn.
Are the components installed as a dependency?
No, the code is copied into your project under components/remocn. You can change it without forking a library. Extra dependencies of a component are pulled in at install time.
What is Remocn Studio?
A free open-source macOS app. Your agent (Claude Code, Codex, GitHub Copilot or Grok) builds the video there from remocn components while you watch a live preview. The plugin can hand a finished project over to Studio.
Where does the plugin get the component list?
From remocn.dev, at remocn.dev/llms-components.txt. Each component lists when to use it, when to avoid it, the animation length and dependencies. Without access to the site the skill cannot pick a component.
Discussion
No questions or reviews yet.
Related
PluginsOne prompt becomes a finished MP4: voiceover, music, stock footage, AI clips, captions and review on Remotion
The official Remotion plugin for Claude Code: skills for creating videos in React, captions, maps and rendering.
Official Remotion skills for making videos in React: compositions, animation, captions, maps and rendering
An animation library for Remotion with an MCP server and CLI: an agent finds ready bits and pulls them into a project.
A motion design skill: the agent writes Remotion video code with voice, music and sound and delivers only after measuring frames
A skill and Remotion pipeline: the agent studies your product and builds a demo video in React code, with no screen recording
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| remocn (this card) | no | 1,701 | |
| Remotion Agent Skills | no | 6,903 | the official Remotion skills explain the API and rendering, while remocn supplies ready components and a video-building flow |
| HyperFrames | no | 83,283 | builds video from Remotion React components, while HyperFrames is based on HTML pages |
README in short
The project describes itself as a library of copy-paste components for Remotion video: one install command replaces hand-writing fades, wipes and kinetic titles. The AI section gives a ready prompt that sets up a project and installs the skill. A separate part covers the plugin for Claude Code and Codex, with a flow from brief to visual check.