# claude-typer

Renders a clip where a line of text types itself out in a Claude-style window, then returns the path to the .mov it wrote.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1100 installs · ★ 1395
- Author: vibe-motion
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/vibe-motion/skills/tree/HEAD/claude-typer/SKILL.md
- Updated: 2026-10-05
- HTML: https://affpapa.org/en/nevibecode/skills/claude-typer

## What it does

Hand it the text you want on screen and it calls `scripts/render_claude_typer.py` with `/usr/local/bin/python3`. That script points Remotion CLI at the hosted `Typer30fps` composition on `www.laosunwendao.com` and drops a video into the current directory. The filename comes from the prompt itself: opening requests get stripped, characters the filesystem rejects get cut.

Stock output is a transparent MOV at 30 fps — `prores`, profile `4444`, `yuva444p10le`, `--scale 2`. Frame dimensions and the width of the text window are yours to move with `--video-width`, `--video-height`, `--claude-width`. A local Chrome or Chromium is found and passed as `--browser-executable`; concurrency stays at 1 with a 300000 ms timeout, and anything the script doesn't recognise lands on `remotion render` as is.

First choice of runner is `bunx @remotion/cli`, with a pinned `npx` call as backup, so Node.js and npm reachability are the floor. Nothing renders without a network path to `www.laosunwendao.com`, since the composition sits there. Hitting a `delayRender()` timeout? Raise `--timeout-ms` and keep `--concurrency=1`.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill claude-typer -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/claude-typer/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/claude-typer/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill claude-typer -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/claude-typer/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill claude-typer -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/claude-typer/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install vibe-motion/skills claude-typer
```

2. **Manually: put the files in place**
- File: `.github/skills/claude-typer/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill claude-typer -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/vibe-motion/skills --path claude-typer
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/claude-typer/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill claude-typer -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/vibe-motion/skills/tree/HEAD/claude-typer/SKILL.md

## When to use it
- render a clip of a prompt typing itself out
- produce a transparent MOV for compositing
- set frame size and text-window width for the edit
- render on a machine without a global Remotion install
- name the output file after the prompt text

## Example prompts
- Make a typing-animation video of this prompt: `ship the changelog before Friday`.
- Render the same text square at 1080×1080, text window 880 wide.
- Re-render with codec `prores` and profile `4444`, timeout bumped to 600000.

## Similar
- [setup-matt-pocock-skills](https://affpapa.org/en/nevibecode/skills/setup-matt-pocock-skills.md) — skill · 1052851 installs
- [ask-matt](https://affpapa.org/en/nevibecode/skills/ask-matt.md) — skill · 766587 installs
- [to-tickets](https://affpapa.org/en/nevibecode/skills/to-tickets.md) — skill · 711230 installs
- [writing-plans](https://affpapa.org/en/nevibecode/skills/writing-plans.md) — skill · 282859 installs
- [caveman-review](https://affpapa.org/en/nevibecode/skills/caveman-review.md) — skill · 411800 installs
- [caveman-compress](https://affpapa.org/en/nevibecode/skills/caveman-compress.md) — skill · 411500 installs

From the same set: [vibe-motion/skills](https://affpapa.org/en/nevibecode/by/vibe-motion/skills.md) — 7 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md