# Code & terminal: agent skills for code and terminal animations for developer videos

> **For AI agents:** find the right skill in one call — `curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"` returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the how-to page.

Code that types itself, diffs, terminal sessions, install lines and IDE close-ups that stay readable. 11 skills for Claude Code, Codex and Grok, by type: workflows take a brief to a finished video, effects and styles change how it looks, prompts and guides teach the agent the craft, models run the generation.

## Skills (11)

### Effects (10)

- [Editor Types the Code](https://varg.ai/how-to/skills/editor-types-the-code.md) — HeyGen: Syntax-highlighted code types into an editor window with a caret riding the frontier.
- [Red/Green Diff Collapse](https://varg.ai/how-to/skills/red-green-diff.md) — HeyGen: Removed lines flash red and collapse away while added lines expand in green.
- [Spotlight One Line of Code](https://varg.ai/how-to/skills/spotlight-one-line.md) — HeyGen: A highlight band sweeps onto the one line that matters while the rest of the file dims.
- [Code Morphs Between Versions](https://varg.ai/how-to/skills/code-morphs-versions.md) — HeyGen: One snippet transforms into the next: shared tokens glide to new positions, removed ones fade, new ones fade in.
- [Terminal Session Run](https://varg.ai/how-to/skills/terminal-session-run.md) — HeyGen: A terminal types a command, then streams real-looking log output with green checks.
- [One-Line Install Card](https://varg.ai/how-to/skills/one-line-install-card.md) — Magic UI: A single install command types into a small terminal card, prints a success check, and holds.
- [Camera Scrolls a Long File](https://varg.ai/how-to/skills/camera-scrolls-long-file.md) — HeyGen: The view scrolls through a long file and stops with the target line centered and lit.
- [Code Left, Live UI Right](https://varg.ai/how-to/skills/code-left-ui-right.md) — Kapish Dima · remocn: Code types on the left and the UI on the right snaps to match after each change.
- [Code on a Lit 3D Slab](https://varg.ai/how-to/skills/code-on-3d-slab.md) — HeyGen: Highlighted code sits on a beveled slab that turns through space under studio light, then faces the camera.
- [Agent CLI Welcome Screen](https://varg.ai/how-to/skills/agent-cli-welcome.md) — Kapish Dima · remocn: A coding agent's terminal welcome screen appears, a prompt types, and the agent starts working.

### Guides (1)

- [Video editing skills for Claude Code and AI agents](https://varg.ai/how-to/skills/varg-video-edit-library.md) — varg: 206 named edits with recipes for FFmpeg, HyperFrames, Remotion and CapCut: cuts, transitions, titles, UI, numbers.