remotion은(는) 무엇을 하나요?
json-render용 Remotion 렌더러로, JSON 타임라인 스펙을 비디오로 변환합니다. @json-render/remotion 작업 중이거나, JSON으로 비디오 합성물을 만들거나, 비디오 카탈로그를 생성하거나, AI 생성 비디오 타임라인을 렌더링할 때 사용하세요.
Remotion 렌더러로, JSON 타임라인 스펙을 비디오로 변환합니다. @json-render/remotion 작업, JSON 기반 비디오 합성, 카탈로그 제작, AI 생성 비디오 타임라인 렌더링에 사용하세요.
vercel-labs/remotion은 json-render 라이브러리와 통합되어 동작하는 Remotion 기반 비디오 렌더러입니다. 이 기술은 JSON 형식의 타임라인 명세를 입력받아 실제 비디오 파일로 변환하는 역할을 합니다. 개발자는 복잡한 비디오 편집 도구 없이도 JSON 데이터만으로 AI 생성 비디오 타임라인, 상품 카탈로그, 동적 영상 콘텐츠를 제작할 수 있습니다. 주로 Node.js 환경에서 사용되며, @json-render/remotion 패키지와 함께 사용하여 JSON 정의를 Remotion 컴포지션으로 렌더링합니다. 이 도구는 AI 기반 비디오 생성 파이프라인, 자동화된 영상 제작, 대규모 비디오 카탈로그 시스템 구축에 유용합니다. CLI 또는 프로그래매틱 방식으로 호출할 수 있어 CI/CD 파이프라인에도 쉽게 통합됩니다.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/remotionjson-render용 Remotion 렌더러로, JSON 타임라인 스펙을 비디오로 변환합니다. @json-render/remotion 작업 중이거나, JSON으로 비디오 합성물을 만들거나, 비디오 카탈로그를 생성하거나, AI 생성 비디오 타임라인을 렌더링할 때 사용하세요.
This repo contains 7 individual skills — each has its own dedicated page.
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.
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.
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.
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.
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.
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.
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.