'remotion' 검색 결과

Record product demos and walkthroughs for marketing assets. Two modes: quick screenshot-stitch demos via ply + ffmpeg, or polished Remotion compositions. Use when the user mentions product demo, demo video, walkthrough video, feature showcase, screen recording, GIF demo, product tour, onboarding video, visual tutorial, feature walkthrough, landing page video, hero video, product video, app preview video, or wants to show their product in action. Even if they just say 'show what it does', 'make a video of the app', 'I need a demo for my landing page', or 'record the app' — this is the skill. If someone has a working product and needs marketing assets that show it off, start here. Owns screen-recorded product demos and walkthroughs. For an AI-generated marketing or brand video with no real product footage, see /higgsfield-generate; for Remotion code and `remotion render` issues, see /remotion-best-practices; for stitching existing slides into an MP4, see /video-content.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Load Remotion best practices for React video creation, including animations, composition setup, assets, audio, captions, sequencing, transitions, media metadata, Three.js, Tailwind, and rendering patterns. Use when creating, editing, debugging, or reviewing Remotion code.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion video creation in React. Use when building, reviewing, or optimizing Remotion compositions, animation timing, assets, captions, and render pipelines.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create HeyGen avatar videos with a chosen presenter, voice, exact script, and backgrounds for each scene. Use photos as presenters, generate transparent WebM files for compositing, or produce batches of videos with consistent specifications.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Have a chosen avatar read an exact script
• Create multiple scenes with different backgrounds
• Generate transparent WebM files for compositing

Monitor a specific Vercel deployment in Codex and report when it becomes ready or fails. The skill identifies the exact deployment, checks its recorded state, and includes dashboard and preview links in the notification.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Wait for a PR preview deployment to become ready
• Monitor the deployment for a specific commit
• Receive a notification when deployment succeeds or fails

Audit GitHub issues to find open work outside a masterplan, distinguishing missing parents from missing plan ancestors. Preview or apply removal of closed issues from the hierarchy while keeping their open children connected to the plan.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Finding open issues outside a masterplan
• Distinguishing missing parents from missing plan ancestors
• Checking issue organization in automation

Use Mediabunny, a browser library for audio and video, to read basic media properties. This skill directs you to guides for retrieving audio duration, video duration, and video width and height.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Retrieving an audio file's duration in seconds
• Retrieving a video file's duration in seconds
• Retrieving a video's width and height

Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turn a process explanation into an animated video
• Create a short video from supplied content
• Build animated overlays for video

Add animated transitions to presentation videos and interactive effects to HTML slideshows. Plan the sequence and timing of movement, apply effects such as fades or zooms, and produce an enhanced video or browser player.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding transitions to an existing presentation video
• Animating text and page changes in an HTML slideshow
• Adjusting animation timing and direction

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when the user explicitly asks to port, convert or migrate a Remotion source to HyperFrames HTML: one-way, Remotion-only. A passing mention or a lookalike request is a fresh build (/general-video); unclear intent goes to /hyperframes.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Render a short (~10s) video on any topic with Remotion - the agent writes a storyboard JSON, a bundled React/Remotion project renders it to an MP4, and the clip is committed to the repo and delivered by URL. No editor, no external generative API.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for writing Remotion React Markup

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Provider-independent production workflow for assembling generated or sourced media into React/Remotion videos. Use when an agent must plan, build, render, review, variant-render, or hand off Remotion compositions with media custody, captions, audio, animation, accessibility, provenance, QA, and delivery requirements.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Remotion video production best practices — spring animations, interpolation patterns, SVG draw-on effects, scene transitions, chart animations, audio integration, and rendering. Use when building programmatic videos with Remotion, creating animated content, or producing marketing videos with code.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

This skill should be used when the user asks to "make a video with Remotion", "create a programmatic/data-driven video in React", "render an MP4/GIF from code", "animate with useCurrentFrame/interpolate/spring", "sync video to audio/beats", or "render a templated video per record headlessly". Covers building React compositions and rendering them via CLI or @remotion/renderer.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.