Remotion Best Practices
This is a comprehensive reference for working with Remotion, the React-based video creation library. It covers the full spectrum from fundamental animations and sequencing to specific use cases like caption transcription, 3D content with Three.js, and media manipulation through Mediabunny. The skill is organized into focused rule files, each tackling a distinct topic like font loading, audio handling, text measurement, or Tailwind integration. Reach for this when you're building anything in Remotion and need domain-specific guidance beyond the basics. The breadth is impressive, covering everything from GIF synchronization to dynamic composition metadata, which makes it useful whether you're just starting out or dealing with edge cases in production.
- skills.sh installs
- 310
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill remotion-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
When to use
Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
How to use
Read individual rule files for detailed explanations and code examples:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/davila7/claude-code-templates
- Categories
- Frontend Development, Generative Media
- First seen
- Jun 3, 2026
More from davila7/claude-code-templates
All 618- Skill Judge310
- Lambda Labs Gpu Cloud309
- Phoenix Observability309
- Claude Opus 4 5 Migration308
- Competitor Alternatives308
- Game Changing Features307
- Quality Manager Qms Iso13485306
- Testing Patterns306
- Llamaguard304
- Red Team Tactics304
- Awq Quantization303
- Implementing Llms Litgpt303
- Verification Before Completion302
- Fluidsim301
- Gh Address Comments301
- Invoice Organizer300
- Pymoo300
- Domain Name Brainstormer299
- Neurokit2299
- Regulatory Affairs Head299
- Openrlhf Training298
- Sparse Autoencoder Training298
- Mamba Architecture297
- Rdkit297
Recommended
More Frontend Development
architecture-diagrampedronauck/skillsCreate professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infr303skills.sh installs
web-prototypenexu-io/open-designGeneral-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `refere301skills.sh installs
playwright-skilltech-leads-club/agent-skillsComplete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check respon297skills.sh installs
apple-bento-gridhubeiqiao/apple-bento-gridCreate Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements. Generates self-contained HTML files with zero-gap294skills.sh installsdashboardnexu-io/open-designAdmin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brie290skills.sh installs
wireframemarkdown-viewer/skillsCreate UI wireframes and mockups using drawio XML format with platform-specific UI component libraries. Best for web page layouts, iOS/Android mobile app mockup283skills.sh installs