mcpField
C
claude-typer

claude-typer

github.com/vibe-motionクリエイティブ・メディア1.4k1.1k 回インストール3 週間前に更新
リポジトリ

claude-typer について

claude-typerは、指定したテキストからタイピングアニメーション動画を生成するスキルです。リモートのRemotion compositionをレンダリングし、動画のパスを返します。

主な機能

  1. 01テキストをタイピングアニメーション化
  2. 02動画と画面のサイズ指定
  3. 03Remotionのレンダリング設定を指定
  4. 04名前を付けてMOV形式で保存

活用シーン

  1. 01プロンプトからタイピング動画を作成
  2. 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

ワークフロー

  1. アニメーション内で入力するテキストをpromptとして抽出します。
  2. 次を実行します。
    • 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
      
  3. 生成された動画のパスを、現在の作業ディレクトリに返します。

レンダリングの動作

  • 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を引き上げてください。

コメント