Communitygithub.com

vercel-labs/remotion

Renderizador de Remotion para json-render que convierte especificaciones de línea de tiempo en JSON en videos. Úselo cuando trabaje con @json-render/remotion, creando composiciones de video a partir de JSON, generando catálogos de video o renderizando líneas de tiempo de video generadas por IA.

¿Qué es remotion?

Esta habilidad, basada en Remotion, actúa como un renderizador para la herramienta json-render, transformando especificaciones de línea de tiempo en formato JSON en videos completos. Es especialmente útil para desarrolladores que trabajan con la biblioteca @json-render/remotion, permitiendo construir composiciones de video de forma programática a partir de datos estructurados. La habilidad facilita la creación de catálogos de video dinámicos, la renderización de líneas de tiempo generadas por inteligencia artificial, y la automatización de flujos de producción de video. Soporta plataformas como Remotion y Node.js, y se integra directamente con el ecosistema de json-render para ofrecer una experiencia de desarrollo fluida y eficiente.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/remotion

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace remotion?

Renderizador de Remotion para json-render que convierte especificaciones de línea de tiempo en JSON en videos. Úselo cuando trabaje con @json-render/remotion, creando composiciones de video a partir de JSON, generando catálogos de video o renderizando líneas de tiempo de video generadas por IA.

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.

Skills relacionados