Select Text, Then Act — effect skill for cursors & clicks
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.mdto its path. Before generating anything, show the person the options on the how-to page.
The arrow becomes an I-beam, drags a selection across a phrase, and a menu or AI action appears on it.
- Type: Effect · Cursors & clicks
- Slug:
select-text-then-act - Status: live
- Publisher: HeyGen (community)
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/cursor-text-select
- 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 Text Select Cursor by HeyGen (HyperFrames), Apache-2.0. The write-up and recipes below are varg's.
Selection grows character by character in the accent color; a small popover ("Rewrite", "Explain") blooms at the selection end.
When: Writing tools, AI editors, docs and code review features.
Watch out: Do not select a whole paragraph instantly; the drag is what makes it believable.
Timing: Drag 0.5–0.8 s, popover 0.2 s scale from 0.9, choose + apply 0.6 s.
Also called: text selection, highlight and rewrite, context menu
In HyperFrames
npx hyperframes add cursor-text-select
npx hyperframes add cursor-context-menu
In Remotion
const n = Math.floor(interpolate(frame,[0,18],[0,phrase.length],{extrapolateRight:'clamp'}));
<mark style={{background:'#93C5FD'}}>{phrase.slice(0,n)}</mark>{phrase.slice(n)}
In CapCut
Record it for real; zoom 160% on the selection; add a pop SFX when the menu appears.
Ready-made components
- Text Select Cursor (hyperframes): npx hyperframes add cursor-text-select
- Context Menu Cursor (hyperframes): npx hyperframes add cursor-context-menu
- Inline Highlight (hyperframes): npx hyperframes add inline-highlight
Where this comes from
Use when
- Writing tools, AI editors, docs and code review features.
Not for
- Do not select a whole paragraph instantly; the drag is what makes it believable.
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://s3.varg.ai/how-to/previews/aee37c1d18a8/take-select-text-then-act.mp4 — The Text Select Cursor component rendered as installed (npx hyperframes add cursor-text-select), defaults only (credit: Rendered by varg · HyperFrames Text Select Cursor, https://hyperframes.heygen.com/catalog/components/cursor-text-select)
More cursors & clicks skills
- Auto Zoom on Every Click: The camera eases in toward each upcoming click, trails the cursor on a spring, and eases out after.
- Oversized Look-Here Cursor: A macOS arrow at ~3–4× normal size glides in and lands its tip on what matters.
- Click Ripple and Button Press: Every click shows a quiet expanding ring while the clicked button presses in and responds.
- Shortcut Keycaps Overlay: Physical-looking keycaps rise at the bottom of the frame and press in the real order when a shortcut is used.
- Named Agent Cursor: A cursor with an accent name tag ("Claude", "Agent") moves and clicks on its own, typing each step.
- Multiplayer Cursors Drift In: Several labeled cursors in different colors drift in from the edges and gather on the canvas.
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 <agent> -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