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.

Create marketing videos with AI generation models, AI avatars, and programmatic frameworks. Covers product demos, explainers, social clips, and ads using Remotion, Hyperframes, Veo, Runway, HeyGen, and Synthesia.

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.

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.

This skill enables the transcription, display, and animation of captions within Remotion projects. It requires captions to be processed in JSON format using the specific Caption type. Users can generate captions from video/audio, display them in the final video, or import existing .srt files. It is suitable for video production workflows requiring automated or structured subtitle integration.

This skill guides users to create a new Remotion video project from scratch. It covers scaffolding the project structure, installing dependencies, designing video compositions using React, configuring preview servers, and rendering the final video output. It is suitable for developers building video content with Remotion tools.