Remotion
Generate polished motion graphics and videos programmatically with Remotion
What You Can Do
You can build full video production workflows that generate promotional videos, product demos, social media content, and animated explainers from scratch. The skill provides a complete project scaffold with pre-built component libraries, text-to-speech integration, theme systems, and hot-reload development—allowing you to iterate quickly and output broadcast-quality motion graphics without manual keyframing.
Features
automatically sets up Remotion projects with blank templates and dependencies
imports pre-built UI elements, transitions, effects, and backgrounds into your video scenes
generates narration audio from scripts and syncs durations automatically via tts-manifest.json
choose and customize visual palettes (color, typography, styling) to match video tone and branding
preview videos in real-time at localhost:3000 as you edit code; see changes instantly
structure videos as React components that import synchronized audio, effects, and animations
reuse cached audio during development to speed up preview cycles
bundle videos for distribution with performance optimization
Example Output
Promotional video:
[Scene 1] Product shot with fade-in effect (2s)
[Scene 2] Animated text overlay: "Transform Your Workflow" with slide transition (3s)
[Scene 3] Feature showcase with Ken Burns zoom (4s)
[Narration synced to each scene]
✓ Output: 1080p MP4, 9 seconds, ready for social media
Animated explainer:
[Scene 1] Title animation with custom palette colors (2s)
[Scene 2] Icon animations + voice-over (3s)
[Scene 3] Call-to-action with pulse effect (2s)
✓ Output: Custom theme applied, all timing matched to TTS audio
What's Included
- SKILL.md: complete Remotion workflow and setup instructions
- Component library: pre-built React components for text, backgrounds, UI elements, effects, and transitions
- Theme system: modular palette.ts and themes/ folder for quick visual customization
- TTS pipeline: scripts and manifest generation for synchronized narration
- Remotion Studio configuration: dev and build scripts with hot-reload support
Who It's For
- Video producers & directors — create polished videos without manual animation timelines
- Marketing teams — generate promotional videos, product demos, and social media content at scale
- Motion graphics designers — code-based workflows for custom animations and effects
- SaaS/product teams — build animated explainers and feature showcases programmatically
- Content creators — produce consistent, branded video content with repeatable templates
Best For
- Promotional and commercial videos
- Product demos and feature showcases
- Animated explainers and educational content
- Social media videos (reels, shorts, ads)
- Branded motion graphics with custom themes
You might also like
This skill helps you architect complete color strategies before grading sessions begin. You'll generate detailed shot-by-shot grading maps that synchronize visual mood to dynamic audio, develop LUT strategies for specific music genres with documented creative reasoning, establish technical parameter ranges per scene or musical section, and create mood board documentation that aligns stakeholder expectations early. By treating color as a primary creative element rather than post-production cleanup, you reduce revision cycles and deliver grades that amplify both narrative and musical intent.
by dliangthinks
This skill generates comprehensive audio design documentation that bridges creative vision and technical execution. You'll produce detailed mixing specifications with priority hierarchies, platform-specific audio budgets, middleware configurations for Wwise/FMOD, and implementation workflows tailored to your target engines (Unity, Unreal, custom). It accelerates pre-production planning, clarifies audio requirements for programmers, and reduces iteration cycles during integration.
by dliangthinks
You can generate production-ready audio documentation that bridges creative sound design and technical implementation. This skill produces asset inventories with precise technical specifications, engine-specific integration instructions for Unreal, Unity, Godot and proprietary engines, platform-aware optimization strategies for mobile/console/PC, and audio middleware configuration guides that development teams can directly implement without iteration cycles.
by dliangthinks
You can transform raw video footage into structured, professional content by leveraging AI to identify key moments, organize clips, transcribe audio, and augment with voiceovers, overlays, and subtitles. This skill guides you through a proven pipeline that emphasizes compression and smart structuring rather than AI generation—turning hours of footage into minutes of compelling content optimized for any platform.
by dliangthinks
Build detailed, shoot-ready plans that anticipate technical challenges and capture decisive moments under pressure. You'll generate venue-specific shot lists tailored to unique logistics, develop contingency workflows for unpredictable conditions (weather, lighting, timing delays), and coordinate multi-team coverage with clear positioning and equipment redundancy strategies. This skill transforms vague event briefs into actionable pre-production blueprints that keep you organized and confident on-set.
by dliangthinks
You can rapidly decode broadcast technical specifications (BT.709, HDR standards, platform-specific requirements), generate LUT strategy documentation that maintains consistency across 6-13 hour episodes, and create color decision logs for QC compliance. The skill helps you troubleshoot consistency issues between episodes, analyze failed QC reports, and plan primary correction workflows that meet all delivery specifications before grading begins.
by dliangthinks
Upload your asset specifications, render bottlenecks, or performance metrics, and receive a comprehensive optimization roadmap. Claude analyzes polygon topology, texture memory footprint, shader complexity, and LOD strategies specific to your target engine—whether game engines, live VFX systems, or AR/VR pipelines. You'll get concrete recommendations for polycount reduction, UV layout optimization, texture atlasing, and bake-versus-real-time lighting decisions, complete with documentation for handing off to animation and rigging teams.
by dliangthinks
Turn any text idea into a finished video in minutes. Describe your concept, and Claude guides HeyGen's Video Agent to automatically write scripts, select avatars and voices, generate visuals, add professional voiceovers, synchronize pacing, and embed captions. Perfect for creating product demos, explainer videos, marketing content, or social media clips without hiring a production team.
by dliangthinks