Communitygithub.com

vercel-labs/remotion

适用于 json-render 的 Remotion 渲染器,将 JSON 时间线规范转换为视频。适用于与 @json-render/remotion 配合使用、从 JSON 构建视频合成、创建视频目录或渲染 AI 生成的视频时间线。

remotion 是什么?

vercel-labs/remotion 技能是一个针对 Remotion 的渲染器,专门设计用于 json-render 生态系统。它能够将 JSON 格式的时间线规范转换为实际的视频文件,支持开发者从结构化数据中动态生成视频内容。该技能的主要用途包括:与 @json-render/remotion 库协同工作、从 JSON 描述构建复杂的视频合成、创建视频目录(例如产品展示或教学视频集合),以及渲染由 AI 模型生成的时间线输出。它兼容多种 AI 代理平台(如 Claude Code、Cursor 等),并基于 SKILL.md 文档中定义的配置和规范工作。通过本技能,开发者可以轻松实现自动化视频生成,简化视频制作流程,并利用 JSON 的灵活性来描述视频的每个帧、场景和过渡效果。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/remotion

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

remotion 是做什么的?

用于 json-render 的 Remotion 渲染器,可将 JSON 时间线规范转换为视频。在与 @json-render/remotion 配合使用、从 JSON 构建视频合成、创建视频目录或渲染 AI 生成的视频时间线时使用。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

vercel-labs/react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

vercel-labs/react-native

React 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 from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.

vercel-labs/react-pdf

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.

vercel-labs/react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

vercel-labs/shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

相关技能