# Claude Typer

Render a Claude-style prompt typing animation video by calling Remotion CLI against the...

- Repository: https://github.com/vibe-motion/skills (1498 stars)
- Category: Design
- License: see repository
- Last updated: 2026-10-05
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add vibe-motion/skills --skill claude-typer -g -a claude-code -y`
Codex: `npx skills add vibe-motion/skills --skill claude-typer -g -a codex -y`
Cursor: `npx skills add vibe-motion/skills --skill claude-typer -g -a cursor -y`
Gemini CLI: `npx skills add vibe-motion/skills --skill claude-typer -g -a gemini-cli -y`

## 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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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

The rest: https://github.com/vibe-motion/skills/blob/HEAD/claude-typer/SKILL.md