claude-typer について
claude-typerは、指定したテキストからタイピングアニメーション動画を生成するスキルです。リモートのRemotion compositionをレンダリングし、動画のパスを返します。
主な機能
- 01テキストをタイピングアニメーション化
- 02動画と画面のサイズ指定
- 03Remotionのレンダリング設定を指定
- 04名前を付けてMOV形式で保存
活用シーン
- 01プロンプトからタイピング動画を作成
- 02動画の用途に合わせたサイズ調整
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ vibe-motion/ skills --skill claude-typerインストール後、Claude Code で/claude-typerを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yamlscripts/render_claude_typer.py
詳細
Claude Typer
ワークフロー
- アニメーション内で入力するテキストを
promptとして抽出します。 - 次を実行します。
-
skill_dir="" for base in "${AGENTS_HOME:-$HOME/.agents}" "${CLAUDE_HOME:-$HOME/.claude}" "${CODEX_HOME:-$HOME/.codex}"; do if [ -d "$base/skills/claude-typer" ]; then skill_dir="$base/skills/claude-typer" break fi done [ -n "$skill_dir" ] || { echo "claude-typer skill not found under ~/.agents, ~/.claude, or ~/.codex"; exit 1; } /usr/local/bin/python3 "$skill_dir/scripts/render_claude_typer.py" "<prompt>" - サイズとスケールを明示する例:
/usr/local/bin/python3 "$skill_dir/scripts/render_claude_typer.py" \ "claude-typer skill可以让智能体做出提示词打字机动效视频,快来试试吧" \ --video-width 1080 \ --video-height 600 \ --claude-width 600 \ --scale 2 - カスタムランナーとRemotionパラメーターのパススルーを指定する例:
/usr/local/bin/python3 "$skill_dir/scripts/render_claude_typer.py" \ "vibe-motion/skills:一个面向智能体的MG动画/视频技能仓库." \ --runner-prefix "npx -y -p @remotion/[email protected] -p @remotion/[email protected] remotion" \ --composition Typer30fps \ --output-file Typer30fps.mov \ --codec prores \ --prores-profile 4444 \ --pixel-format yuva444p10le \ --image-format png \ --audio-codec aac \ --video-width 1080 \ --video-height 1080 \ --claude-width 880
-
- 生成された動画のパスを、現在の作業ディレクトリに返します。
レンダリングの動作
https://www.laosunwendao.comからリモートコンポジションTyper30fpsをレンダリングします。@remotion/cliを使用します(パッケージ名remotionは使用しません)。- まず
bunx @remotion/cliを使用します。 bunxが利用できない場合は、npx -y -p @remotion/[email protected] -p @remotion/[email protected] remotionにフォールバックします。- 透過MOVのデフォルト設定を維持します。
--fps=30--codec=prores--prores-profile=4444--pixel-format=yuva444p10le--image-format=png--scale=2
- 安定性のため、以下のデフォルト設定を維持します。
--timeout=300000--concurrency=1- ローカルのChrome/Chromiumを自動検出し、見つかった場合は
--browser-executableを渡します。
- プロジェクトのデフォルトpropsを維持し、
promptを置き換えます。また、スクリプト引数でvideoWidth/videoHeight/claudeWidthを上書きできます。 - 不明なCLI引数は、そのまま
remotion renderに渡されます(高度なフラグ用)。 --runner-prefixを使うと、ランナーコマンドを完全に制御できます(バージョンの固定、グローバル解決の動作など)。- このスキルで公開されているRemotion propsは、スカラー項目のみです:
prompt、typingSpeedMs、model、videoWidth、videoHeight、claudeWidth、tiltStartX、tiltStartY、tiltEndX、tiltEndY、tiltDurationRatio。
出力ファイル名
- 現在のディレクトリに
xxx.movとして保存します。 - プロンプトを短くまとめて
xxxを作成します。- 先頭にある「帮我」「请」「做一个」「生成一个」「制作」「创建」などのよくある依頼表現を削除します。
- ファイル名に使用できない文字を削除します。
- 中国語/英語の文字と数字は残します。
- 結果が空の場合は、
claude-typerを使用します。
- 例:
- プロンプト:
帮我做一个web画板 - 出力:
web画板.mov
- プロンプト:
注意事項
- クリーンな環境では、ネットワークからnpmおよび
https://www.laosunwendao.comにアクセスできる限り、このフォールバック経路にはNode.js + npxだけで十分です。 bunxとnpxの両方が利用できない場合は、どちらかをインストールして再試行してください。- 出力名のファイルがすでに存在する場合は、Remotionの上書き動作が適用されます。
delayRender()のタイムアウトが発生した場合は、--concurrency=1を維持し、必要に応じて--timeout-msを引き上げてください。
コメント
Markdown 対応