Communitygithub.com

vercel-labs/remotion

用於 json-render 的 Remotion 渲染器,能將 JSON 時間軸規格轉換為影片。適用於搭配 @json-render/remotion 工作、從 JSON 建立影片合成、製作影片目錄,或渲染 AI 生成的影片時間軸。

remotion 是什麼?

vercel-labs/remotion 是一個專為 json-render 設計的 Remotion 渲染器,其核心功能是將以 JSON 格式定義的時間軸規格轉換為實際的影片。此工具非常適合開發者在使用 @json-render/remotion 函式庫時,從結構化的 JSON 資料中動態建立影片合成、生成影片目錄,或渲染由 AI 模型產生的影片時間軸。它主要支援 Node.js 環境,並可與 Remotion 生態系統整合,讓影片生成過程更自動化、更可控。透過讀取標準化的 JSON 規格,vercel-labs/remotion 能有效減輕手動編寫影片渲染邏輯的負擔,尤其適用於需要批次處理大量影片或與 AI 工作流程結合的場景。

相容平台~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.

相關技能