·remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

35Installs·10Trend·@vercel-labs

Installation

$npx skills add https://github.com/vercel-labs/json-render --skill remotion

How to Install remotion

Quickly install remotion AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/vercel-labs/json-render --skill remotion
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: vercel-labs/json-render.

SKILL.md

View raw

Remotion renderer that converts JSON timeline specs into video compositions.

| TitleCard | scene | Full-screen title with subtitle | | TypingText | scene | Terminal-style typing animation | | ImageSlide | image | Full-screen image display | | SplitScreen | scene | Two-panel comparison | | QuoteCard | scene | Quote with attribution | | StatCard | scene | Animated statistic display | | TextOverlay | overlay | Text overlay |

| Renderer | Render spec to Remotion composition | | schema | Timeline schema | | standardComponents | Pre-built component registry | | standardComponentDefinitions | Catalog definitions | | useTransition | Transition animation hook | | ClipWrapper | Wrap clips with transitions |

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines. Source: vercel-labs/json-render.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/vercel-labs/json-render --skill remotion
Category
*Creative Media
Verified
First Seen
2026-03-09
Updated
2026-03-10

Browse more skills from vercel-labs/json-render

Quick answers

What is remotion?

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines. Source: vercel-labs/json-render.

How do I install remotion?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vercel-labs/json-render --skill remotion Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/vercel-labs/json-render