Remotion Best Practices
Trusted88/100Best practices for programmatic video creation in React with Remotion, including full Hebrew RTL support. Covers animations, compositions, sequencing, transitions, TikTok-style captions with word highlighting, AI voiceover, 3D, charts, Hebrew Google Fonts, and bidirectional text animations. Use when working with Remotion code or creating Hebrew social media videos and marketing content. Do NOT use for non-Remotion video editing or general React development.
Trust score 88/100 (Trusted) · 15+ installs · 3 GitHub contributors · MIT license
Creating programmatic videos with Hebrew text in Remotion is broken by default. Standard Remotion patterns produce left-aligned text, left-to-right typewriter reveals, and captions that render backwards for RTL content. Israeli developers waste hours debugging RTL layout issues, loading Hebrew fonts incorrectly, and fighting bidirectional text bugs that standard Remotion documentation does not address.
skills-ilnpx skills-il add skills-il/developer-tools --skill remotion-best-practices -a claude-codeInstall on Claude.ai, Claude Desktop, ChatGPT, Manus, or other platforms
- 1. Click "Download ZIP" to download the skill files.
- 2. Open Claude Desktop and go to Customize > Skills.
- 3. Click "+" and select "Upload a skill", then upload the ZIP file.
- 4. Start a new conversation. The skill will activate automatically when relevant.
When to Apply
- When creating TikTok or Reels videos with Hebrew captions and text animations
- When building Hebrew marketing videos with RTL typewriter effects
- When developing programmatic video content with Hebrew fonts and bidirectional text
- When rendering a composition to a final MP4 locally or in the cloud with @remotion/lambda or @remotion/cloudrun
- When working with Remotion compositions that need animations, transitions, or 3D
Try These Prompts
Create a Remotion composition for a vertical TikTok video (1080x1920) with animated Hebrew title, TikTok-style captions with word highlighting, and a fade transition between two scenes. Use Heebo font.
Build a marketing video in Remotion with Hebrew voiceover from ElevenLabs, text appearing with right-to-left typewriter effect, and background music. The video should be 30 seconds at 1920x1080.
Create a Remotion map animation with Mapbox showing a route from Tel Aviv to Jerusalem, with Hebrew labels and animated markers at each city. Add a light leak overlay effect at the transition.
Build a Remotion composition with an animated bar chart displaying data in Hebrew. The chart should enter with spring animation, with RTL labels and Hebrew-formatted numbers.
Frequently Asked Questions
Related Skills
Author: skills-ilBest practices for programmatic video creation using HyperFrames, plain HTML compositions with GSAP animations rendered to MP4, with full Hebrew and RTL support. Covers composition authoring, data-* timing attributes, GSAP timeline contract, layout-before-animation methodology, visual identity gate, Hebrew fonts via Google Fonts auto-fetch (Heebo, Rubik, Assistant), RTL text with dir="rtl", Hebrew captions via Whisper, Hebrew voiceover via external TTS (Kokoro doesn't support Hebrew), audio-reactive visuals, scene transitions, and bidirectional text with <bdi>. Use when building HTML-based video content or Hebrew social/marketing videos without React. Do NOT use for Remotion or general React video work.
Author: skills-ilManage JFrog Artifactory repositories, artifacts, Docker registry, build info, and Xray security scanning for DevOps workflows. Use when user asks about JFrog, Artifactory, Xray, artifact management, "deploy artifact", Docker registry with Artifactory, build promotion, vulnerability scanning with Xray, or DevOps artifact pipeline. Covers REST API operations, JFrog CLI usage, Docker registry configuration, and security scanning patterns. Do NOT use for general Docker or CI/CD questions unrelated to JFrog.
Author: skills-ilCompare product prices across major Israeli retailers and e-commerce platforms including Zap.co.il, KSP, iDigital, Ivory, Bug, and more. Use when the user wants to find the best price for electronics, appliances, computers, or consumer goods in Israel, needs to compare local vs. import pricing, or wants guidance on price tracking tools and Israeli consumer protection rights. Do NOT use for comparing grocery or food prices, real estate, or financial products.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill