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 한도, 파일 접근 권한이 포함되지 않습니다.
  • 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서

원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.

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

모든 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일