Agent skill

Oversized Cursor Motion Technique

by heygen-com in heygen-com/hyperframes

Applies a house style for an animated, oversized pointer in launch videos that enters the frame, clicks to trigger the next beat, and exits.

Apache-2.0Auto-check passedMedia & Creative

Install Oversized Cursor Motion Technique

skills CLI
$ npx skills add heygen-com/hyperframes --skill oversized-cursor -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install heygen-com/hyperframes oversized-cursor --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/oversized-cursor .claude/skills/oversized-cursor && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
oversized-cursor
GitHub stars
58k
Used in
1 other repo
Token cost
~1.6k tokens
SKILL.md length
705 words
Files
1
Skills in repo
32
Repo updated
First seen
Licence
Apache-2.0

At a glance

Applies a house style for an animated, oversized pointer in launch videos that enters the frame, clicks to trigger the next beat, and exits.

  • Works in 2 steps: Leave the frame: accelerate off the… → Cut-the-curve handoff: in the final…
  • Adding a sense of motion to a launch-video scene that otherwise reads as static
  • SKILL.md covers Size & look (house convention), Entry law — physical, never…, Tip-targeting & the click tap and The click IGNITES the next beat, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

This skill sets out a specific motion convention: a large macOS-style cursor acting as a visible character in a scene, always entering from off-screen in one decelerating glide rather than fading in at rest, moving the viewer's eye toward the next point of interest, and clicking to visually cause whatever happens next. It fixes a size range depending on whether the scene is full-frame or a smaller in-mock view, plus two approved color pairings for keeping contrast consistent.

It also covers when to swap the default arrow for a brand-specific cursor, such as a design tool's colored pointer with a name tag, reserving that swap for motifs people would actually recognize rather than using it as a novelty. The same entry, targeting, click, and exit rules apply either way, down to the specific layering and shadow properties used to keep the cursor visible above scene content.

When your agent uses it

  • Adding a sense of motion to a launch-video scene that otherwise reads as static
  • Giving a click a visible cause before a morph or transition in a video
  • Choosing between a default cursor and a brand-specific pointer for a scene

Example prompts

  • “Add an oversized cursor entrance to kick off this UI scene.”
  • “Use the brand's pointer motif for this product demo instead of the default arrow.”
  • “Make this static scene feel alive with a cursor-led transition.”

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

  1. Leave the frame: accelerate off the nearest edge with power2.in
  2. Cut-the-curve handoff: in the final ~0.3s before a hard cut, the cursor starts

What it can do on your machine

Read from SKILL.md and the folder at commit f6b3821. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript and css).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Oversized Cursor Motion Technique loads about 1.6k tokens when it runs. Until then it costs about 144 tokens; SKILL.md has 705 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~144
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from heygen-com/hyperframes at commit f6b3821, republished under its Apache-2.0 licence (© heygen-com). 705 words, ~1,642 tokens.

Download SKILL.mdSave it as .claude/skills/oversized-cursor/SKILL.md (or your agent's skills folder).
name
oversized-cursor
description
House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene, when igniting a morph/transition/typing run with a click, or when a scene reads as static, dead, or stale and needs a cheap high-yield source of motion to carry the viewer's eye and segment them out of the stale state. Covers cursor size/look (incl. brand-motif cursors), the off-screen entry law, tip-targeting and the click tap, click-ignites-the-next-beat, and exit / cross-scene handoff.
metadata.internal
true

Oversized Cursor — the eye-carrier

A deliberately oversized macOS-style pointer that travels the frame as a visible protagonist: it enters from off-screen, walks the viewer's eye to the next point of interest, clicks to cause the next thing that happens, and leaves. Production-proven across multiple launch films.

Why it exists. Big cursor movement is one of the cheapest high-yield motion sources in a launch video: one element, transform-only tweens, and it (1) brings the eye across the screen on scenes that would otherwise read as dead, (2) gives causal ignition to morphs/transitions ("the click did that"), and (3) segments the eye out of a stale state when kicking off a new scene or a complex animation sequence. Bigger is better — an actual-size cursor disappears at video scale.

Size & look (house convention)

  • Full-frame scenes: 7cqw (≈134px at 1920). In-mock / small-frame variants: 4.6–5.5cqw. Never smaller.
  • One SVG arrow geometry everywhere. Two proven fills — white body + black stroke, or black body (#1c1c1c) + white stroke (1.4px). Pick per scene contrast, keep it constant per film.
  • Brand-motif cursors (the power play). The macOS arrow is the DEFAULT, not a mandate. When the subject brand has a recognizable cursor identity — a collaborative design tool's colored multiplayer arrow with a name tag (Figma-style), a creative suite's precision crosshair, a distinctive product pointer — use THAT cursor instead: instantly legible brand language for anyone who knows the product. Same laws apply unchanged (oversized scale, physical entry/exit, tip-targeting, click-ignition), and a name-tag variant travels as one rigid unit (tag trailing the arrow). Reach for it only when the motif is genuinely referenceable; a cursor nobody recognizes is just a weird arrow — default back to macOS.
  • filter: drop-shadow(0 4px 6px rgba(0,0,0,.3)), pointer-events: none, z-index above all scene content, will-change: transform.
css
#root .cursor {
  position: absolute;
  left: 48%;
  top: 115%; /* off-screen below — the resting pose IS off-screen */
  width: 7cqw;
  height: 7cqw;
  z-index: 20;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
  pointer-events: none;
  will-change: transform;
}

Entry law — physical, never revealed

The cursor always enters from off-screen (canonical: from below, top:115–120%) and travels to its first target in one decelerating glide. It must feel like it entered the room. Never opacity-fade it in at a resting position, never mask-reveal it — that reads as a glitch (a real, repeatedly observed failure mode).

  • Default path: straight up the y-axis to the target — no fragmented diagonals. A diagonal is fine when it IS the story (entering toward an off-axis target), but it is one continuous vector either way.
  • duration: 0.4–0.92s, ease: power3.out, immediateRender: false on the fromTo.
js
tl.fromTo(
  cursor,
  { left: "48.6%", top: "115%" },
  { left: "48.6%", top: "55%", duration: 0.85, ease: "power3.out", immediateRender: false },
  0.25,
);
Show full SKILL.md (319 more words)Show less

Tip-targeting & the click tap

The hot-spot is the arrow TIP, not the box center. Land the tip on the target's center, and pivot all press scaling on the tip: transformOrigin: '21% 14%' (for the house arrow path in a 24-unit viewBox).

Click = asymmetric compress/expand (1:2 ratio reads as a real tap):

js
tl.to(cursor, { scale: 0.84, duration: 0.1, ease: "power2.in", transformOrigin: "21% 14%" }, t);
tl.to(
  cursor,
  { scale: 1, duration: 0.22, ease: "power2.out", transformOrigin: "21% 14%" },
  t + 0.1,
);

The target's reaction is a separate, parallel tween (button: scale: 0.94 + press color/shadow, starting at the same t). Cursor-only taps (e.g. focusing a text input) get NO target reaction. Pair with cursor-click-ripple / press-release-spring for the target side.

The click IGNITES the next beat

Never let a morph, typing run, window transform, or scene-defining animation simply start. Park the cursor on the trigger and let the click cause it, same-frame:

  • click ▸ menu/submenu cascade, toggle flip
  • click ▸ typing kickoff into an input
  • click ▸ composer morph-down / window shrink
  • click ▸ logo ignition / flight launch
  • click ▸ play-state flip + UI-life wake in a product mock

During long beats it doesn't own (typing, narration), the cursor drifts aside (0.5–0.9s, power2.out) — never sits frozen on top of the action, never wobbles idly.

Exit law & cross-scene handoff

Two sanctioned exits — both physical, never an opacity fade in place:

  1. Leave the frame: accelerate off the nearest edge with power2.in (left:'118%', left:'-12%', or top:'116%'), 0.5–0.7s.
  2. Cut-the-curve handoff: in the final ~0.3s before a hard cut, the cursor starts accelerating (power2.in) toward the NEXT scene's first click point, covering the first ~1/3 of that path; the next composition gsap.sets the cursor at the handoff pose and continues with power2.out at matched velocity. The cursor itself becomes the carrier element that stitches the seam:
js
// scene A, last 0.3s — start the journey:
tl.to(cursor, { left: "40.7%", top: "63.7%", duration: 0.3, ease: "power2.in" }, CUT - 0.3);
// scene B, t=0 — finish it at matched velocity:
gsap.set(cursorB, { left: "40.7%", top: "63.7%" });
tl.to(cursorB, { left: "22%", top: "45%", duration: 0.6, ease: "power2.out" }, 0);

Checklist

  • ≥ 7cqw full-frame (4.6–5.5cqw inside a mock) — when unsure, bigger
  • enters from off-screen on one continuous vector (no fade/mask reveal)
  • tip lands on the target center; press pivots on transformOrigin: '21% 14%'
  • every click causes something, same-frame
  • drifts aside during beats it doesn't own; zero idle wobble
  • exits physically (off-frame or cut-the-curve handoff) — no fade-in-place

© heygen-com, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/oversized-cursor of heygen-com/hyperframes.

Open the folder on GitHubat commit f6b3821

Used in 1 other repository

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in heygen-com/hyperframes, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Oversized Cursor Motion Technique next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Oversized Cursor Motion Technique compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Oversized Cursor Motion Technique this skillheygen-com/hyperframes58k1 repos~1.6kAutomated safety check: PassApache-2.0
Hyperframesboraoztunc/skills3939 repos~7.6kAutomated safety check: PassApache-2.0
Hyperframes Creativechmonitor/chmonitor2985 repos~1.3kAutomated safety check: PassGPL-3.0
After Effectsaedev-tools/adobe-agent-skills1061 repos~5.2kAutomated safety check: PassApache-2.0
Motion Showreelnateherkai/hyperframes-student-kit1.2k—~2.8kAutomated safety check: PassCustom licence
Make A Videonateherkai/hyperframes-student-kit1.2k1 repos~3.1kAutomated safety check: PassCustom licence

Similar skills

  • Hyperframes

    boraoztunc/skills

    Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

    393 GitHub starsUsed in 9 repos~7.6k tokens
    Media & CreativeAuto-check passed
  • Hyperframes Creative

    chmonitor/chmonitor

    Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

    298 GitHub starsUsed in 5 repos~1.3k tokens
    Media & CreativeAuto-check passed
  • After Effects

    aedev-tools/adobe-agent-skills

    Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills.

    106 GitHub starsUsed in 1 repo~5.2k tokens
    Media & CreativeAuto-check passed
  • Motion Showreel

    nateherkai/hyperframes-student-kit

    Design and build a 10-30 second motion-design showreel or brand reel in the style of Nate's Opus 5.5 "CLAUDE / MOTION REEL": one brand motif transformed through labeled craft chapters, a persistent…

    1.2k GitHub stars~2.8k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Make A Video

    nateherkai/hyperframes-student-kit

    Beginner-friendly end-to-end video creator for HyperFrames. An agent skill from nateherkai/hyperframes-student-kit.

    1.2k GitHub starsUsed in 1 repo~3.1k tokens
    Media & CreativeAuto-check passed
  • Hbg Life Simulation

    Mr-funny/hbg-life-simulation

    Create Chinese HBG “模拟人生 / 人生副本” narrative videos with a consistent comic IP, a rapid multi-life opening, continuous natural-speed narration, synchronized short captions, dense static manga…

    140 GitHub stars~5.8k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed

More from heygen-com/hyperframes

All 32 skills in this repo
  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    58k GitHub starsUsed in 3 repos~2.1k tokens
    Auto-check passed
  • HyperFrames Media Use

    heygen-com/hyperframes

    Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

    58k GitHub starsUsed in 2 repos~2.1k tokens
    Auto-check passed
  • Embedded Video Captions

    heygen-com/hyperframes

    Adds captions to a single-subject talking-head video without editing the footage, from plain subtitles to cinematic text placed behind the speaker.

    58k GitHub starsUsed in 3 repos~8.6k tokens
    Auto-check passed
  • Weekly Changelog Video

    heygen-com/hyperframes

    Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.

    58k GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Faceless Explainer Video

    heygen-com/hyperframes

    Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

    58k GitHub starsUsed in 3 repos~7.5k tokens
    Auto-check: notes
  • Figma to HyperFrames

    heygen-com/hyperframes

    Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

    58k GitHub starsUsed in 3 repos~4.5k tokens
    Auto-check: notes

Works with

Questions about Oversized Cursor Motion Technique

What does Oversized Cursor Motion Technique do?

Applies a house style for an animated, oversized pointer in launch videos that enters the frame, clicks to trigger the next beat, and exits. This skill sets out a specific motion convention: a large macOS-style cursor acting as a visible character in a scene, always entering from off-screen in one decelerating glide rather than fading in at rest, moving the viewer's eye toward the next point of interest, and clicking to visually cause whatever happens next. It fixes a size range depending on whether the scene is full-frame or a smaller in-mock view, plus two approved color pairings for keeping contrast consistent.

When should I use Oversized Cursor Motion Technique?

Oversized Cursor Motion Technique fits situations like: adding a sense of motion to a launch-video scene that otherwise reads as static; giving a click a visible cause before a morph or transition in a video; choosing between a default cursor and a brand-specific pointer for a scene.

How do I install Oversized Cursor Motion Technique in Claude Code?

Run `npx skills add heygen-com/hyperframes --skill oversized-cursor -a claude-code`. Or copy the skill folder (.agents/skills/oversized-cursor in heygen-com/hyperframes) into .claude/skills/oversized-cursor in your project. Claude Code loads it when a task matches its description.

How do I install Oversized Cursor Motion Technique in Codex?

Run `npx skills add heygen-com/hyperframes --skill oversized-cursor -a codex`. Or copy the skill folder (.agents/skills/oversized-cursor in heygen-com/hyperframes) into .agents/skills/oversized-cursor in your project. Codex loads it when a task matches its description.

Can I use Oversized Cursor Motion Technique in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add heygen-com/hyperframes --skill oversized-cursor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/oversized-cursor, .gemini/skills/oversized-cursor, .github/skills/oversized-cursor and .opencode/skills/oversized-cursor in your project.

What does Oversized Cursor Motion Technique need to run?

SKILL.md names no scripts, command-line tools or credentials: Oversized Cursor Motion Technique is instructions for the agent only.

Does Oversized Cursor Motion Technique access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Oversized Cursor Motion Technique safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Oversized Cursor Motion Technique use?

Oversized Cursor Motion Technique is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Oversized Cursor Motion Technique use?

About 1.6k tokens (SKILL.md is roughly 6.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Oversized Cursor Motion Technique?

Skills that share tags, products or a category with Oversized Cursor Motion Technique: Hyperframes (boraoztunc/skills, 393 stars), Hyperframes Creative (chmonitor/chmonitor, 298 stars), After Effects (aedev-tools/adobe-agent-skills, 106 stars) and Motion Showreel (nateherkai/hyperframes-student-kit, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Oversized Cursor Motion Technique?

heygen-com (a GitHub organization) maintains it in heygen-com/hyperframes, which has 58,020 GitHub stars. The repository holds 32 skills in this directory. The repository was last updated on October 7, 2026.

Source: heygen-com/hyperframes on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.