ワンクリックでManusで任意のスキルを実行

remotion

スター6

フォーク0

更新日2026年1月26日 00:11

Remotion video creation in React - compositions, animations, timing, audio/video, captions, 3D. Use when creating programmatic videos, animations, or working with Remotion code.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

GGPrompts

GGPrompts/my-plugins

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Remotion Best Practices

Create videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.

Quick Start

npx create-video@latest

Core Concepts

Concept	Reference
Compositions & structure	@references/compositions.md
Animation fundamentals	@references/animations.md
Timing & interpolation	@references/timing.md
Sequencing patterns	@references/sequencing.md
Transitions	@references/transitions.md
Trimming	@references/trimming.md

Media

Topic	Reference
Videos	@references/videos.md
Audio & sound	@references/audio.md
Images	@references/images.md
GIFs	@references/gifs.md
Assets (importing)	@references/assets.md
Fonts	@references/fonts.md

Captions & Text

Topic	Reference
Display captions	@references/display-captions.md
Import SRT files	@references/import-srt-captions.md
Transcribe audio	@references/transcribe-captions.md
Text animations	@references/text-animations.md
Measuring text	@references/measuring-text.md

Advanced

Topic	Reference
3D with Three.js	@references/3d.md
Charts & data viz	@references/charts.md
Lottie animations	@references/lottie.md
Maps (Mapbox)	@references/maps.md
Parameters (Zod)	@references/parameters.md
Calculate metadata	@references/calculate-metadata.md
TailwindCSS	@references/tailwind.md

Utilities

Topic	Reference
Get video duration	@references/get-video-duration.md
Get video dimensions	@references/get-video-dimensions.md
Get audio duration	@references/get-audio-duration.md
Extract frames	@references/extract-frames.md
Check decode support	@references/can-decode.md
Measure DOM nodes	@references/measuring-dom-nodes.md

Key Rules

No self-animating content - All animations must be driven by useCurrentFrame()
Never use useFrame() - React Three Fiber's hook causes flickering during render
Sequence layout - Use layout="none" on <Sequence> inside <ThreeCanvas>
Declarative animations - Write animations in markup, not imperative loops

このリポジトリの他の Skills

同じリポジトリ

code-review

GGPrompts/my-plugins

Review code changes with parallel detection agents and smart fixing

2026-03-246

merge

GGPrompts/my-plugins

Branch merging and conflict resolution patterns. Use when merging feature branches, handling conflicts, or cleaning up worktrees. Trigger with "merge branch", "resolve conflicts", "cleanup worktree".

2026-03-106

automating-browser

GGPrompts/my-plugins

Controls Chrome browser: takes screenshots, clicks buttons, fills forms, downloads images, inspects pages, captures network requests, checks console errors, debugs API issues. Use when: 'screenshot', 'click', 'fill form', 'download image', 'check browser', 'look at screen', 'capture page', 'check for errors', 'debug network', 'API failing', 'console errors'. Provides MCP tool discovery for 70 tabz_* browser automation tools.

2026-03-106

brainstorming

GGPrompts/my-plugins

Brainstorm ideas and design workflows with a beads expert. Use when: 'help me plan', 'how should I structure this', 'what beads features', 'brainstorm', 'before I create tasks', 'design my workflow'. For ideation BEFORE creating issues.

2026-03-106

docs-check

GGPrompts/my-plugins

Docs/changelog checkpoint. Detects whether changes are user-facing and ensures documentation hygiene (CHANGELOG + lessons-learned) is handled or explicitly bypassed. Use when: 'docs check', 'changelog', 'release notes', 'did we update docs?'.

2026-03-106

orchestrator

GGPrompts/my-plugins

Multi-model conductor - spawns Haiku/Sonnet/Opus/Codex based on task complexity

2026-03-106

Remotion Best Practices

Create videos programmatically using React. Use this skill when working with Remotion code for domain-specific knowledge.

Quick Start

npx create-video@latest

Core Concepts

Concept

Reference

Compositions & structure

@references/compositions.md

Animation fundamentals

@references/animations.md

Timing & interpolation

@references/timing.md

Sequencing patterns

@references/sequencing.md

Transitions

@references/transitions.md

Trimming

@references/trimming.md

Media

Topic

Reference

Videos

@references/videos.md

Audio & sound

@references/audio.md

Images

@references/images.md

GIFs

@references/gifs.md

Assets (importing)

@references/assets.md

Fonts

@references/fonts.md

Captions & Text

Topic

Reference

Display captions

@references/display-captions.md

Import SRT files

@references/import-srt-captions.md

Transcribe audio

@references/transcribe-captions.md

Text animations

@references/text-animations.md

Measuring text

@references/measuring-text.md

Advanced

Topic

Reference

3D with Three.js

@references/3d.md

Charts & data viz

@references/charts.md

Lottie animations

@references/lottie.md

Maps (Mapbox)

@references/maps.md

Parameters (Zod)

@references/parameters.md

Calculate metadata

@references/calculate-metadata.md

TailwindCSS

@references/tailwind.md

Utilities

Topic

Reference

Get video duration

@references/get-video-duration.md

Get video dimensions

@references/get-video-dimensions.md

Get audio duration

@references/get-audio-duration.md

Extract frames

@references/extract-frames.md

Check decode support

@references/can-decode.md

Measure DOM nodes

@references/measuring-dom-nodes.md

Key Rules

No self-animating content - All animations must be driven by useCurrentFrame()

Never use useFrame() - React Three Fiber's hook causes flickering during render

Sequence layout - Use layout="none" on <Sequence> inside <ThreeCanvas>

Declarative animations - Write animations in markup, not imperative loops

name	remotion
description	Remotion video creation in React - compositions, animations, timing, audio/video, captions, 3D. Use when creating programmatic videos, animations, or working with Remotion code.