Moteur de rendu Remotion pour json-render qui transforme des spécifications de timeline JSON en vidéos. À utiliser avec @json-render/remotion, pour construire des compositions vidéo à partir de JSON, créer des catalogues vidéo ou rendre des timelines vidéo générées par IA.
Cette compétence agit comme un moteur de rendu pour la bibliothèque `json-render`, en utilisant Remotion pour convertir des spécifications de timeline au format JSON en fichiers vidéo. Elle est particulièrement utile pour les développeurs travaillant avec `@json-render/remotion`, souhaitant automatiser la création de compositions vidéo complexes à partir de données structurées, générer des catalogues vidéo, ou rendre des timelines produites par des modèles d'IA. La compétence prend en charge les agents IA comme Claude Code, Cursor et Codex. Elle fonctionne en analysant la structure JSON de la timeline (incluant les séquences, les calques, les effets et les transitions) et en orchestrant le rendu via Remotion, ce qui permet une intégration transparente dans des pipelines de traitement vidéo pilotés par l'IA. Les principaux cas d'utilisation incluent la création de vidéos programmatiques, l'édition vidéo basée sur des données et la génération de contenu vidéo à l'aide de l'IA.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/remotionMoteur de rendu Remotion pour json-render qui transforme des spécifications de timeline JSON en vidéos. À utiliser avec @json-render/remotion, pour construire des compositions vidéo à partir de JSON, créer des catalogues vidéo ou rendre des timelines vidéo générées par IA.
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.