Remotion Best Practices
Trusted80/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 80/100 (Trusted) · 218+ installs · 4 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-ilHow to use this skill
Not sure how? Read the guide- 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.
Developers? Install via command line (CLI)
npx skills-il add skills-il/developer-tools@v1.7.1-remotion-best-practices --skill remotion-best-practices -a claude-codeWhen 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
Accuracy update: fixed trimBefore/trimAfter (frames not seconds), bumped whisper.cpp to 1.9.1, clarified @remotion/media Video, and fixed code-example bugs.
Jun 26, 2026
Added rendering and cloud-render coverage, the Remotion licensing model, and fixed the Whisper model for Hebrew.
May 14, 2026
Related Skills
Author: skills-ilConvert between Hebrew (Jewish) calendar and Gregorian dates, look up Israeli holidays, format dual dates for Israeli documents, and calculate Israeli business days. Use when user asks about Hebrew dates, "luach ivri", Jewish calendar, Israeli holidays, "chagim", Shabbat times, or needs dual-date formatting for Israeli forms. Do NOT use for Islamic Hijri calendar or non-Israeli holiday calendars.
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-ilGuide Israeli startup operations including company formation, Innovation Authority grants, investment agreements, R&D tax benefits, and employee stock options (Option 102). Use when user asks about starting a company in Israel, IIA grants, "Innovation Authority", SAFE agreements (Israeli), convertible notes, Option 102, employee stock options in Israel, R&D tax benefits, preferred enterprise, Yozma 2.0, Delaware flip, or Israeli startup legal/financial setup. Do NOT use for non-Israeli company formation or international tax advice. Always recommend consulting with Israeli lawyer and accountant for binding decisions.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill