remotion-prompt-generator
Remotion Dev SkillでReactベースの動画を生成するための、詳細で実用的なプロンプトを、動画の目的や構成に合わせて作成するSkill。
📜 元の英語説明(参考)
Generate detailed, production-ready prompts for the Remotion Dev skill to create programmatic React-based videos. MANDATORY TRIGGERS: remotion prompt, video prompt, generate video prompt, remotion video, create video prompt, video brief, video specification, make a video, create a video. Also trigger when user wants to create any kind of video using Remotion, needs help describing a video project, wants a prompt for a video generation tool, or asks for a video brief/spec. When in doubt, use it.
🇯🇵 日本人クリエイター向け解説
Remotion Dev SkillでReactベースの動画を生成するための、詳細で実用的なプロンプトを、動画の目的や構成に合わせて作成するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o remotion-prompt-generator.zip https://jpskill.com/download/8845.zip && unzip -o remotion-prompt-generator.zip && rm remotion-prompt-generator.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/8845.zip -OutFile "$d\remotion-prompt-generator.zip"; Expand-Archive "$d\remotion-prompt-generator.zip" -DestinationPath $d -Force; ri "$d\remotion-prompt-generator.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
remotion-prompt-generator.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
remotion-prompt-generatorフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
Remotion Prompt Generator — Skill Router
Remotion Dev skill がプロフェッショナルなプログラムによるビデオを制作するために使用できる、包括的で構造化されたプロンプトを生成します。
必須: 常にロードする参照
プロンプトを生成する前に、必ず以下の2つのファイルを最初に読んでください。
references/remotion-capabilities.md— Remotion のコア知識(アーキテクチャ、機能、制限、パッケージ)references/intelligent-inference.md— 曖昧なリクエストを分析し、スマートなデフォルトを自動的に入力する方法
必須: Web検索の要件
プロンプトを生成する前に、必ずWeb検索を実行して、ユーザーが構築しようとしているものに関するコンテキストを収集する必要があります。
- ユーザーの製品/会社/業界について言及されている場合は検索します
- ビデオの種類に関連する現在のデザイントレンドを検索します
- 競合他社の例や、その分野の参考ビデオを検索します
- このコンテキストにより、プロンプトが劇的に改善されます — 決してスキップしないでください
参照ファイル
| 参照 | ファイル | 読むタイミング |
|---|---|---|
| Remotion Capabilities | references/remotion-capabilities.md |
常に最初に読む — すべてのプロンプトに必要な Remotion のコア知識 |
| Intelligent Inference | references/intelligent-inference.md |
常に読む — 曖昧なプロンプトの処理方法、デフォルトの自動入力、シグナルからの推論 |
| Video Types (Router) | references/video-types.md |
ビデオカテゴリの識別: マーケティング、ソーシャル、データ視覚化、教育、eコマースなど |
| Prompt Engineering | references/prompt-engineering.md |
最終的なプロンプト出力の構造化方法、12セクション形式、シーンの説明 |
| Discovery Workflow | references/discovery-workflow.md |
ユーザーに尋ねるフォローアップの質問、要件収集、明確化戦略 |
| Asset & Styling Guide | references/asset-styling-guide.md |
色、フォント、ロゴ、画像、オーディオ、ブランディング、寸法、プラットフォーム仕様 |
| Animation & Effects | references/animation-effects.md |
スプリング物理、トランジション、イージング、テキストアニメーション、3D、パーティクル、モーションパターン |
| Domain Examples (Router) | references/prompt-engineering/domain-examples.md |
特定の業界向けの実際のプロンプトの例: SaaS、不動産、金融、教育 |
この Skill の仕組み
- 常に
remotion-capabilities.mdとintelligent-inference.mdを最初に読んでください - 常に ユーザーが構築したいもの(製品、業界、競合他社)についてWeb検索を行ってください
- ユーザーのリクエストを分析します — すべてのシグナルを抽出し、推測できることを推測し、スマートなデフォルトを自動的に入力します
- 推測できない重要な質問のみを2〜3個尋ねます(AskUserQuestion ツールを使用)
- 関連するビデオタイプのサブリファレンスとドメインの例を読みます
- Remotion Dev skill 用の完全で詳細な、12セクション構造化されたプロンプトを生成します
- Remotion Dev skill はそのプロンプトを使用して React/Remotion コードを記述します
クイックリファレンス
- Remotion docs: https://remotion.dev/docs
- GitHub: https://github.com/remotion-dev/remotion
- Templates: https://remotion.dev/templates
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Remotion Prompt Generator — Skill Router
Generate comprehensive, structured prompts that the Remotion Dev skill can use to produce professional programmatic videos.
MANDATORY: Always-Load References
Before generating ANY prompt, you MUST read these two files first:
references/remotion-capabilities.md— Core Remotion knowledge (architecture, features, limitations, packages)references/intelligent-inference.md— How to analyze vague requests and auto-fill smart defaults
MANDATORY: Web Search Requirement
Before generating a prompt, you MUST perform web search to gather context about what the user is building:
- Search for the user's product/company/industry if mentioned
- Search for current design trends relevant to their video type
- Search for competitor examples or reference videos in their space
- This context makes prompts dramatically better — never skip it
Reference Files
| Reference | File | Read When |
|---|---|---|
| Remotion Capabilities | references/remotion-capabilities.md |
ALWAYS READ FIRST — core Remotion knowledge needed for every prompt |
| Intelligent Inference | references/intelligent-inference.md |
ALWAYS READ — how to handle vague prompts, auto-fill defaults, infer from signals |
| Video Types (Router) | references/video-types.md |
Identifying video category: marketing, social, data-viz, education, e-commerce, etc. |
| Prompt Engineering | references/prompt-engineering.md |
How to structure the final prompt output, 12-section format, scene descriptions |
| Discovery Workflow | references/discovery-workflow.md |
Follow-up questions to ask users, requirement gathering, clarification strategies |
| Asset & Styling Guide | references/asset-styling-guide.md |
Colors, fonts, logos, images, audio, branding, dimensions, platform specs |
| Animation & Effects | references/animation-effects.md |
Spring physics, transitions, easing, text animations, 3D, particles, motion patterns |
| Domain Examples (Router) | references/prompt-engineering/domain-examples.md |
Real prompt examples for specific industries: SaaS, real estate, finance, education |
How This Skill Works
- ALWAYS read
remotion-capabilities.mdandintelligent-inference.mdfirst - ALWAYS do a web search about what the user wants to build (their product, industry, competitors)
- Analyze the user's request — extract every signal, infer what you can, auto-fill smart defaults
- Ask only 2-3 critical questions that cannot be inferred (use AskUserQuestion tool)
- Read the relevant video-type sub-reference and domain example
- Generate a complete, detailed, 12-section structured prompt for the Remotion Dev skill
- The Remotion Dev skill uses that prompt to write React/Remotion code
Quick Reference
- Remotion docs: https://remotion.dev/docs
- GitHub: https://github.com/remotion-dev/remotion
- Templates: https://remotion.dev/templates