Remotion Best Practices
Trusted85/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 85/100 (Trusted) · 130+ 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@v1.7.0-remotion-best-practices --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
Changelog
Added rendering and cloud-render coverage, the Remotion licensing model, and fixed the Whisper model for Hebrew.
May 14, 2026
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-ilCompare cloud hosting costs for Israeli startups and developers across AWS (il-central-1 Tel Aviv), Azure (Israel Central), GCP (me-west1 Tel Aviv), Oracle Cloud (il-jerusalem-1 Jerusalem), and Israeli providers like Kamatera. Use when the user needs to evaluate cloud pricing with Israel-specific considerations including data residency under Privacy Protection Law Amendment 13, latency from Tel Aviv, NIS billing options, startup credit programs (AWS Activate, Google for Startups, Microsoft Founders Hub, Israel Innovation Authority Telem program with subsidized Nvidia B200 GPUs), and FinOps cost optimization strategies. Do NOT use for comparing on-premise hosting, colocation services, or non-cloud SaaS pricing.
Author: skills-ilManage online selling across Israeli marketplaces (Zap, KSP, Facebook Marketplace, and Instagram Shopping). Use when user asks about "sell on Zap", "Facebook Marketplace Israel", "Instagram Shopping Israel", "online selling Israel", "price comparison KSP", "product listing Hebrew", or "מכירה אונליין". Covers Hebrew product listing creation, competitor price monitoring, inventory sync, review management, sales analytics, business-registration status (osek murshe vs patur), and consumer-protection obligations (14-day cooling-off on remote sales). Note that Meta removed native Facebook/Instagram checkout in 2025, so payment now happens on the merchant's external site. Do NOT use for international marketplaces (Amazon, eBay) or physical store operations.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill