vibe-motion/skills

claude-typer

Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com.

First seen Mar 30, 2026

Installation

$ npx skills add vibe-motion/skills --skill claude-typer

Summary

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

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from vibe-motion/skills · top by installs.

npx skills add vibe-motion/skills

Browse all from vibe-motion/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1.2K
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 4,092 B
  • docs SUMMARY.md 354 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1,003 installs

SKILL.md

Claude Typer

Workflow

  1. Extract the text that should be typed in the animation as prompt.
  2. Run:

- ``bash skilldir="" for base in "${AGENTSHOME:-$HOME/.agents}" "${CLAUDEHOME:-$HOME/.claude}" "${CODEXHOME:-$HOME/.codex}"; do if [ -d "$base/skills/claude-typer" ]; then skilldir="$base/skills/claude-typer" break fi done [ -n "$skilldir" ] || { echo "claude-typer skill not found under ~/.agents, ~/.claude, or ~/.codex"; exit 1; } /usr/local/bin/python3 "$skilldir/scripts/renderclaudetyper.py" "<prompt>" ` - Example with explicit size and scale: `bash /usr/local/bin/python3 "$skilldir/scripts/renderclaudetyper.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 "$skilldir/scripts/renderclaude_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 ``

  1. 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/[email protected] -p @remotion/[email protected] 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.