frankxai/awesome-motion-design-agent-skills

remotion-video-agent

Use when creating or editing Remotion videos, programmatic explainers, motion graphics, MP4 renders, GIF renders, social cutdowns, or React-authored video templates.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/frankxai/awesome-motion-design-agent-skills --skill remotion-video-agent

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

Remotion Video Agent

Workflow

  1. Confirm the composition format: aspect ratio, duration, FPS, destination, and voice/music requirements.
  2. Break the video into scenes with frame ranges.
  3. Build scenes as React components with deterministic timing.
  4. Use Remotion helpers for interpolation, sequencing, audio, static files, and rendering.
  5. Prefer MP4 for delivery. Use GIF only for previews or documentation.
  6. Render and inspect before final delivery.

Useful Defaults

  • 30 FPS for general video.
  • 60 FPS only when motion quality requires it.
  • 1080x1920 for vertical social.
  • 1920x1080 for YouTube/demo.
  • 1200x630 or 1600x900 for launch preview loops.

QA

  • No text cut off.
  • No scene timing dead air.
  • Motion supports the script.
  • Assets are licensed or owned.
  • Audio levels are not clipped.
  • GIF exports are size-conscious.
同じリポジトリから

関連する Skills

すべての Skills
frankxai
コミュニティ

generative-media-director

Use when planning, prompting, generating, editing, routing, finishing, or QAing AI-created images, GIFs, videos, style frames, image-to-video clips, social ads, cinematic brand assets, motion studies, or multi-provider generative media workflows using Codex imagegen, GPT Image, Sora, Grok Imagine, Veo, Luma, Runway, Higgsfield, Remotion, Playwright, ffmpeg, Figma, Canva, or Vercel.

導入数
1
GitHub Stars
76
更新日
10月14日
frankxai
コミュニティ

motion-director

Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or deciding which motion stack to use for web UI, video, GIF, Rive, Lottie, GSAP, Motion, Remotion, or Three.js work.

導入数
1
GitHub Stars
76
更新日
10月14日
frankxai
コミュニティ

site-motion-excellence-director

Use when planning, auditing, specifying, implementing, or improving premium website/app motion across FrankX, Arcanea, Starlight, or Vercel/Next.js sites. Use for motion design systems, site choreography, scroll motion, generated media integration, runtime selection, reduced-motion planning, visual QA, and turning rough motion ideas into implementation-ready specs.

導入数
1
GitHub Stars
76
更新日
10月14日
frankxai
コミュニティ

web-motion-auditor

Use when reviewing web animations, UI transitions, scroll effects, hover states, loading states, GIF/video captures, reduced-motion support, animation performance, or motion polish in HTML, React, Next.js, or Vercel apps.

導入数
1
GitHub Stars
76
更新日
10月14日