# Agent CLI Welcome Screen — effect skill for code & terminal > **For AI agents:** find the right skill in one call — `curl -s "https://varg.ai/how-to/api/search?q="` 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. A coding agent's terminal welcome screen appears, a prompt types, and the agent starts working. - **Type:** [Effect](https://varg.ai/how-to/effects.md) · [Code & terminal](https://varg.ai/how-to/browse/skills/code.md) - **Slug:** `agent-cli-welcome` - **Status:** live - **Publisher:** Kapish Dima · remocn (community) - **License:** MIT - **Source:** https://remocn.dev/r/claude-code.json - **Works in:** Claude Code, Claude.ai, Codex, Cursor, OpenClaw, Gemini CLI, Any MCP client, varg Studio - **Requires:** HyperFrames (npx hyperframes), Remotion, CapCut (by hand) - **Cost:** Free — the take renders locally; generated footage, if any, bills by the model ## What it does Built on [Claude Code](https://remocn.dev/r/claude-code.json) by Kapish Dima (remocn), MIT. The write-up and recipes below are varg's. Dashed welcome box with the tool name, a prompt line typing the task, then status lines and file edits streaming. **When:** Videos about agent workflows, skills and plugins for terminal agents. **Watch out:** Do not copy a brand's TUI pixel for pixel without permission; keep it generic or use the real recording. **Timing:** Welcome 0.4 s, prompt typing 50–70 ms/char, status lines every 0.3 s. **Also called:** Claude Code screen, TUI welcome, coding agent terminal ### In HyperFrames ```bash npx hyperframes add code-snippet-apple-terminal-pro npx hyperframes add typed-prompt ``` ### In Remotion ```tsx // npx shadcn@latest add @remocn/claude-code // npx shadcn@latest add @remocn/opencode ``` ### In CapCut Record the real terminal agent session; cut thinking pauses; zoom on the prompt then on the result. ### Ready-made components - [Claude Code](https://skills.varg.ai/component/remocn.claude-code/) (remocn): npx shadcn@latest add @remocn/claude-code - [OpenCode](https://skills.varg.ai/component/remocn.opencode/) (remocn): npx shadcn@latest add @remocn/opencode - [Code Snippet - Apple Terminal Pro](https://skills.varg.ai/component/hf.code-snippet-apple-terminal-pro/) (hyperframes): npx hyperframes add code-snippet-apple-terminal-pro - [Typed Prompt](https://skills.varg.ai/component/hf.typed-prompt/) (hyperframes): npx hyperframes add typed-prompt ### Where this comes from - [Vox on X: a 4-agent HyperFrames motion team for product videos](https://x.com/Voxyz_ai/status/2104194355556671987) - [charmbracelet/vhs: terminal recordings as code (TypingSpeed, Sleep)](https://github.com/charmbracelet/vhs) ## Use when - Videos about agent workflows, skills and plugins for terminal agents. ## Not for - Do not copy a brand's TUI pixel for pixel without permission; keep it generic or use the real recording. ## Install - Claude Code: `claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg` - Codex: `npx skills add vargHQ/skills --skill varg-video-edit-library -a codex -y` - Cursor: `npx skills add vargHQ/skills --skill varg-video-edit-library -a cursor -y` ## Example output https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-snippet-apple-terminal-pro.mp4 — Preview of the Code Snippet - Apple Terminal Pro component that builds this take (credit: Code Snippet - Apple Terminal Pro · hyperframes, https://hyperframes.heygen.com/catalog/blocks/code-snippet-apple-terminal-pro) ## More code & terminal skills - [Editor Types the Code](https://varg.ai/how-to/skills/editor-types-the-code.md): 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): 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): 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): 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): 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): A single install command types into a small terminal card, prints a success check, and holds. ## Run the generation on varg varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs. - Claude Code: `claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg` (skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw: `npx skills add vargHQ/skills --skill varg-ai -a -y` - Grok and any agent that reads SKILL.md: `npx skills add vargHQ/skills --skill varg-ai`, or point it at the skill's SKILL.md - Claude.ai, ChatGPT, any MCP client: connect `https://mcp.varg.ai/mcp` - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt