vercel-labs avatar

Json Render Remotion

Converts JSON timeline specifications into Remotion video compositions, which is useful when you need programmatic video generation or want to build video editors on top of declarative specs. Ships with eight standard components like TitleCard, TypingText, and SplitScreen, plus transition and effect definitions you can drop into a catalog. The hook based architecture makes it straightforward to add custom components alongside the standard ones. Good fit if you're building video tools where non-developers need to create content, or if you're wiring up AI systems that output video timelines as structured data. The timeline spec format is clean JSON with tracks, clips, and composition settings.

skills.sh installs
153
GitHub stars
19.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add vercel-labs/json-render --skill json-render-remotion --agent claude-code

Installs into .claude/skills of the current project.

Files

Converts JSON timeline specifications into Remotion video compositions, which is useful when you need programmatic video generation or want to build video editors on top of declarative specs. Ships with eight standard components like TitleCard, TypingText, and SplitScreen, plus transition and effect definitions you can drop into a catalog. The hook based architecture makes it straightforward to add custom components alongside the standard ones. Good fit if you're building video tools where non-developers need to create content, or if you're wiring up AI systems that output video timelines as structured data. The timeline spec format is clean JSON with tracks, clips, and composition settings.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel-labs/json-render
Categories
AI & Agent Building, Cloud & Infrastructure, Generative Media
First seen
Jun 3, 2026

More from vercel-labs/json-render

All 31
1feiskyer avatargpt-image-skillfeiskyer/claude-code-settingsGenerate or edit images using OpenAI GPT Image API (gpt-image-2, gpt-image-1, etc). Triggers: "gpt image", "openai image", "generate image with openai", "draw i150skills.sh installs
2aibtcdev avatarreputationaibtcdev/skillsERC-8004 on-chain agent reputation management — submit and revoke feedback, append responses, approve clients, and query reputation summaries, feedback entries,147skills.sh installs
3salesforcecommercecloud avatarb2c-docssalesforcecommercecloud/b2c-developer-toolingSearch and read B2C Commerce documentation using the b2c CLI. Covers Script API reference (dw.* classes/modules), Developer Center guides (Commerce API, PWA Kit145skills.sh installs
4inhouseseo avatarcontent-briefinhouseseo/superseo-skillsThis agent Googles your target keyword, reads the top 10 results, classifies search intent, and writes a complete brief with outline,...143skills.sh installs
5evo-hq avataroptimizeevo-hq/evoDrive structured autoresearch iteration after evo:discover and the baseline commit -- scan-subagent cross-cutting analysis between rounds, frontier-based parent142skills.sh installs
6vercel-labs avatarjson-render-react-nativevercel-labs/json-renderReact Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs f142skills.sh installs