AI Plugin Indexvideo
Remotion MCP servers and skills
There are 67 ways to connect Remotion to Claude, ChatGPT, Cursor and other AI assistants: 3 MCP servers and 64 skills. The most used is Remotion MCP (65k GitHub stars).
Most used
Remotion MCP
remotion-dev
85Remotion's Model Context Protocol
AFB
Remotion Dev Remotion
remotion-dev
85Remotion's Model Context Protocol
AFB
studioremotion-dev
78Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio, or wants the Remotion Studio dev UI available locally.
AFA
update-starsremotion-dev
76Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.
AFA
interactivity-best-practicesremotion-dev
76Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
AFA
studio-css-resetremotion-dev
76Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.
AFA
MCP servers (3)
Skills (64)
- 1studio remotion-dev · Browser automationStart Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio, or wants the Remotion Studio dev UI available locally.78
- 2update-stars remotion-dev · Developer toolsUpdate Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.76
- 3interactivity-best-practices remotion-dev · AI and LLM toolsBest practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.76
- 4studio-css-reset remotion-dev · DesignStyle Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.76
- 5pr-ready remotion-devResolve CI failures, merge conflicts, or local branch changes to get a PR ready76
- 6remotion-studio remotion-dev · MediaPreview a Remotion video75
- 7remotion-upgrade riaz37Upgrade Remotion, and related packages59
- 8remotion-captions riaz37 · MediaTranscribing, displaying and animating captions58
- 9remotion-maps riaz37Remotion Map animation knowledge58
- 10remotion-docs riaz37 · Search and webSearch Remotion documentation58
- 11remotion-create jagoff · MediaCreating a new Remotion video54
- 12Remotion CLI composio-community · MediaRender videos, audio, and still images programmatically with React using terminal commands. Use when an agent needs to preview compositions, list available compositions, or render media artifacts from a Remotion project.45
- 13remotion-interactivity asamiile · AI and LLM toolsBest practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.39
- 14remotion-slide-split Canine89Remotion 슬라이드의 split 타입 전용 스킬. 이미지와 불릿 설명을 좌우 또는 상하 분할로 구성하는 슬라이드를 설계하거나 수정할 때 사용.37
- 15remotion-player-app contextgoEmbed Remotion Player in React, Vite, Next, or product surfaces with parameterized props, bundle boundaries, and preview controls.35
- 16remotion-render-ops contextgo · Cloud and DevOpsRun Remotion Studio, still checks, local renders, SSR renders, output naming, logs, and render manifest handoff.35
- 17remotion-captions contextgo · Documents and filesManage Remotion caption workflows including transcription, SRT import, display timing, TikTok-style captions, and word highlighting.35
- 18remotion-saas BolajiOlajide · MediaBuilding video apps with Remotion - framework, rendering and Player advice32
- 19remotion-captions ibrdot · MediaTranscribing, displaying and animating captions31
- 20remotion-render ibrdot · MediaExport a Remotion video30
- 21remotion-create mohamedasem318 · MediaCreate a new Remotion video30
- 22remotion-best-practices nexuslinkproductions · MediaRemotion best practices skill — stub. Populate with React-based video rendering patterns, composition structure, and YURI video generation workflows.29
- 23remotion-overlay phamthanhnghia · MediaGraphic overlays workflow for Remotion: add designed info cards, badges, and graphics over existing footage. Use for video annotation, lower thirds over footage, callouts, and graphic enhancements.28
- 24remotion-social phamthanhnghia · MarketingShort vertical social video workflow for Remotion: TikTok, Instagram Reels, and YouTube Shorts (9:16). Use for viral social clips, high-energy vertical teasers, and mobile-first motion graphics, 15–60s.28
- 25remotion-general phamthanhnghia · MediaGeneral purpose workflow for Remotion: any custom, long narrative, or multi-scene video composition. Use for custom video requirements exceeding standard workflow boundaries or narrative videos >3m.28
- 26hyperframes-to-remotion phamthanhnghiaMigration workflow from HyperFrames to Remotion: convert HyperFrames HTML compositions to React Remotion code. Use when translating HTML GSAP timelines into Remotion frame-deterministic React components.28
- 27remotion-studio Classified-AI-Core · AI and LLM toolsExecute Remotion workflows across projects: setup, best-practice guidance, local editor UI, preview, and rendering.27
- 28remotion nouchix · MarketingBuild full marketing videos, product demos, and animated explainers programmatically in React.26
- 29remotion-interactivity IGNOVA-SYSTEMS-INTEGRATION · AI and LLM toolsBest practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.26
- 30remotion-interactivity Henrique1601 · AI and LLM toolsBest practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.26
- 31remotion-docs Mr-Nobody-Anonymous · Search and webSearch and fetch Remotion documentation pages26
- 32remotion-captions ismaelsoilet · MediaTranscribing, displaying and animating captions25
- 33remotion-docs zyoneal · Search and webSearch Remotion documentation25
- 34remotion-best-practices Henrique1601Best practices for Remotion25
- 35remotion-docs FinesseJones · Search and webSearch Remotion documentation25
- 36remotion-render JBJRW · MediaExport a Remotion video24
- 37broll-remotion-integrate nikopradopalma17-art · ProductivityRead and verify legacy Remotion Integrator records for a pre-v0.9 task. Never dispatch this stage in a new v1 production; the Parent assembles verified Builder media directly.24
- 38remotion-setup jambot-1948 · MediaScaffold and configure a Remotion (React video) project with the house rules for animation, structure and verification. Use before any other remotion-* skill, or when the user wants to start making a video in code.24
- 39remotion-upgrade FabianRG1990 · AI and LLM toolsUpgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.24
- 40remotion-data-chart jambot-1948 · Data and analyticsAnimate a CSV or JSON dataset as a Remotion video such as a bar chart race. Use when the user has data and wants an animated chart video.23
- 41remotion-video Shixuuu · DesignUse when building Remotion compositions, renders, captions, audio, 3D, SaaS players, or Remotion video apps.23
- 42remotion-video-framework josenaves · MediaMaster skill for creating and maintaining Remotion videos across all projects.23
- 43remotion-best-practices FabianRG1990Best practices for Remotion23
- 44remotion-upgrade LincConsultingServicesUpgrade Remotion, and related packages23
- 45remotion-best-practices napatneRouter for all Remotion skills22
- 46remotion-render ZedBiz44 · MediaExport a Remotion video22
- 47remotion-multimedia NeelakshSaxenaInteracting with Mediabunny22
- 48remotion-render DDREMARC · MediaExport a Remotion video22
- 49remotion-studio hijacker-mills · MediaPreview a Remotion video22
- 50remotion-saas DDREMARCBuild an app with Remotion22
- 51remotion jamacio · MarketingProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.22
- 52remotion-captions pehan-jpg · MediaTranscribing, displaying and animating captions22
- 53remotion-best-practices aibrain71-artBest practices for Remotion22
- 54remotion-create FabianRG1990 · MediaCreating a new Remotion video22
- 55remotion-seamless-morphing grphicodesign-fileskeepStrict standard for creating seamless, continuous shape-morphing motion graphics in Remotion without hard cuts or crossfades.22
- 56stitch-remotion oimiragieoGenerate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays21
- 57remotion-studio CodeWithMoinMake scene states easy to inspect and revise in a frame-based preview.21
- 58remotion-render CodeWithMoinKeep scene code deterministic and useful at checkpoint frames.21
- 59remotion-docs CodeWithMoinApply the supported Remotion API conservatively when syntax is uncertain.21
- 60remotion matalvesdev · MarketingProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.21
- 61remotion-create witoldprzygoda · MediaCreate a new Remotion video20
- 62remotion-captions lxcid · MediaTranscribing, displaying and animating captions19
- 63remotion-create om-scogo · MediaCreating a new Remotion video16
- 64remotion-render-sync Jason-hub-starKeep Remotion composition contracts synchronized with docs.13
Questions
Is there an official Remotion MCP server?
Check the publisher on each listing: servers published by Remotion itself are the official ones. The most used Remotion server here is Remotion MCP by remotion-dev.
How do I connect Remotion to Claude?
Pick a server below, open its page and copy the install command for Claude Code, or the config block for Claude Desktop. Most Remotion servers need an API key or token from your Remotion account.