Skill UI

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

Automate creation of polished walkthrough videos by feeding Stitch project screens into Remotion compositions, adding smooth transitions, zooms, and contextual overlays to showcase apps for demos or product updates.

A comprehensive, multi-stage workflow for enhancing and structuring raw footage using advanced AI tools. It covers the entire pipeline—from initial recording (Screen Studio) through AI planning (Claude/Codex), deterministic cutting (FFmpeg), compositing (Remotion), asset generation (ElevenLabs/fal.ai), and final human polish (Descript/CapCut). Designed for users creating vlogs, tutorials, or polished corporate videos.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

This skill automates the creation of professional, animated walkthrough videos from static app designs. It retrieves screen assets from Stitch projects and utilizes Remotion's advanced video composition capabilities to generate polished product demonstrations. Features include smooth transitions, contextual zooming, and animated text overlays, making it ideal for UX reviews, product marketing, and design portfolios.

A comprehensive guide for creating, generating, and producing professional video content using advanced AI models, programmatic frameworks, and virtual avatars. Learn how to build product demos, explainers, social media clips, and marketing ads, covering tools like Sora, Veo, Remotion, and HeyGen.

This template generates structured, multi-frame video scripts compatible with Remotion and Hyperframes. It guides the creation of cinematic, high-impact videos, ensuring each frame conveys a single, strong concept. The output includes necessary metadata for automated playback, transitions, and timing, making the script ready for professional video rendering into MP4.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

A comprehensive, multi-stage workflow for enhancing and structuring raw footage using advanced AI tools. It covers the entire pipeline—from initial recording (Screen Studio) through AI planning (Claude/Codex), deterministic cutting (FFmpeg), compositing (Remotion), asset generation (ElevenLabs/fal.ai), and final human polish (Descript/CapCut). Designed for users creating vlogs, tutorials, or polished corporate videos.