claude-typer

---
name: claude-typer
description: Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com. Use when the user asks for "做一个 claude 的提示词打字机动画", "做 Claude 打字动画", "创建提示词动画", or similar requests that convert a text prompt into a typing-animation video.
---

# Claude Typer

## Workflow

1. Extract the text that should be typed in the animation as `prompt`.
2. Run:
   - ```bash
     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>"
     ```
   - Example with explicit size and scale:
     ```bash
     /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
     ```
   - Example matching custom runner + remotion params passthrough:
     ```bash
     /usr/local/bin/python3 "$skill_dir/scripts/render_claude_typer.py" \
       "vibe-motion/skills：一个面向智能体的MG动画/视频技能仓库." \
       --runner-prefix "npx -y -p @remotion/cli@4.0.440 -p @remotion/tailwind-v4@4.0.440 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. Return the generated video path in the current working directory.

## Rendering Behavior

- Render remote composition `Typer30fps` from `https://www.laosunwendao.com`.
- Use `@remotion/cli` (not `remotion` package name).
- Prefer `bunx @remotion/cli` first.
- Fall back to `npx -y -p @remotion/cli@4.0.440 -p @remotion/tailwind-v4@4.0.440 remotion` if `bunx` is unavailable.
- Keep transparent MOV defaults:
  - `--fps=30`
  - `--codec=prores`
  - `--prores-profile=4444`
  - `--pixel-format=yuva444p10le`
  - `--image-format=png`
  - `--scale=2`
- Keep defaults for stability:
  - `--timeout=300000`
  - `--concurrency=1`
  - Auto-detect local Chrome/Chromium and pass `--browser-executable` when found.
- Keep default props from the project; replace `prompt`, and allow overriding `videoWidth` / `videoHeight` / `claudeWidth` through script args.
- Unknown CLI args are passed through to `remotion render` directly (for advanced flags).
- `--runner-prefix` lets you fully control the runner command (for pinned versions, global resolution behavior, etc.).
- Exposed Remotion props for this skill are scalar fields only: `prompt`, `typingSpeedMs`, `model`, `videoWidth`, `videoHeight`, `claudeWidth`, `tiltStartX`, `tiltStartY`, `tiltEndX`, `tiltEndY`, `tiltDurationRatio`.

## Output File Naming

- Save into the current directory as `xxx.mov`.
- Build `xxx` by condensing the prompt:
  - Remove common request wrappers like `帮我`, `请`, `做一个`, `生成一个`, `制作`, `创建` at the start.
  - Remove illegal filename characters.
  - Keep Chinese/English letters and digits.
  - If result is empty, use `claude-typer`.
- Example:
  - Prompt: `帮我做一个web画板`
  - Output: `web画板.mov`

## Notes

- On a clean machine, `Node.js + npx` is enough for this fallback path, as long as network access to npm and `https://www.laosunwendao.com` is available.
- If both `bunx` and `npx` are unavailable, install one of them and retry.
- If the output name already exists, Remotion overwrite behavior applies.
- If you hit `delayRender()` timeout, keep `--concurrency=1` and raise `--timeout-ms` as needed.