·json-render-remotion
*

json-render-remotion

vercel-labs/json-render

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.

37Installs·11Trend·@vercel-labs

Installation

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

SKILL.md

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.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

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

Quick answers

What is json-render-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 json-render-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 json-render-remotion Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

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