by vercel-labs/json-render
[ PORTABLE SKILL ]
remotion-best-practices
Best practices for Remotion - Video creation in React
PART OF
bOpen Creative →Install the complete plugin to include its agents, hooks, commands, and runtime context.
Runtime support:Claude pluginCodex pluginGrok BuildOpenCode + portable skills
- PUBLISHER
- vercel-labs
- RELATIONSHIP
- vendored
- VERSION
- 1.0.0
- BENCHMARK
- unknown
[ RECOMMENDED INSTALL ]
Install bOpen Creative
The complete plugin is the supported path. It preserves everything the publisher designed to work alongside this skill.
Codex
VERIFIEDGrok Build
VERIFIED- This is the grok CLI, not Grok Bot.
- grok plugin details creative
Grok Bot
GUIDED SETUP- Paste this request into your Bot’s conversation. It will report what it can add.
OpenCode
VERIFIED- Paste into OpenCode. Restart after installation.
- Includes native agents, commands, skills and supported hooks/MCP. HammerTime uses bounded follow-up turns in persistent sessions.
[ ADVANCED · INDIVIDUAL SKILL ]
Install only this skill
Use this narrower path only when you intentionally want the portable SKILL.md without the plugin’s surrounding capabilities.
Skills CLI
VERIFIED- Installs only the portable skill; it omits plugin hooks, agents, commands, apps/MCP configuration, and unlisted companion skills.
Grok Bot
GUIDED SETUP- Paste into your Bot’s conversation. Once saved, use / to select the skill.
[ PROVENANCE ]
Trace it to the source.
- DISTRIBUTED SOURCE
- modules/creative/.agents/skills/remotion-best-practices/SKILL.md ↗
- UPSTREAM SOURCE
- vercel-labs/json-render
- DISTRIBUTED DIGEST
- sha256:d8d8b9ec7f01d7c03153dd20eb2a604cca4c55a7601e6b43789850265307a99b
- LOCK HASH
- 4756068d1b2f92ef4f6d1301094a9862ef275687d3dbf26fda5e52cae3fca4c1
Companion skills
No required companion skills are declared.
Agents using this skill
Frames
Audio agent for ElevenLabs generation, UI sound themes, voiceovers, music, and voice cloning. Use this agent when the user asks to "review the sounds on my site", "wire transaction sounds", "edit this UI sound", or "generate a UI audio theme". Use gemskills:content for Gemini/Luma image and Veo video generation instead.
Leaf
Map and geospatial specialist covering MapLibre, Mapbox, Leaflet, CesiumJS, deck.gl, OpenLayers, Turf.js, and Protomaps/PMTiles. Use this agent when the user asks to "build a map", "add marker clustering", "add a heatmap", "debug why tiles aren't loading", "swap Leaflet for MapLibre", "build a 3D globe", "visualize millions of points on a map", or needs help choosing a mapping platform, theming maps, self-hosting tiles, or geospatial analysis. Not for general React architecture (use nextjs) or backend APIs (use integration-expert).
Kris
Creative 3D web developer for Three.js and React Three Fiber, including diegetic and world-space UI. Use this agent when the user asks to "create a 3D scene", "build a Three.js demo", "write a shader", "add physics to a scene", "build a WebGL prototype", or "optimize 3D performance". Covers R3F, Drei, GLSL, TSL, and 3D asset pipelines. Not for 2D interface design (use designer).
[ SOCIAL SHARE ]
Share this skill.
Pass the canonical page to a teammate or keep it close for later.