Magnetic Cursor — primitive for cursors & clicks (hyperframes)

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

A soft dot pointer glides across an editor toolbar, is pulled into each button and morphs into its rounded hover plate while the icon leans toward it, presses one, and leaves as a dot.

• Install: npx hyperframes add magnetic-cursor
• Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
• Docs and preview: https://hyperframes.heygen.com/catalog/components/magnetic-cursor
• Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/magnetic-cursor
• Runs: local render, free
• Aspect: any

Slots (what you fill in)

• accent (color) — Accent
• tone (enum) — Tone
• visits (string) — Buttons visited
• press (number) — Pressed visit

Used in

• Product launch film
• Feature announcement
• App promo & App Store preview
• Text-message story
• Changelog & release notes
• CLI & terminal demo
• Website to video
• App walkthrough & onboarding

More cursors & clicks

• Agent Cursor — npx hyperframes add agent-cursor
• Annotate Cursor — npx hyperframes add cursor-annotate
• Context Menu Cursor — npx hyperframes add cursor-context-menu
• Drag and Drop Cursor — npx hyperframes add cursor-drag-drop
• Cursor Glyph Trail — npx hyperframes add cursor-glyph-trail
• Marquee Select Cursor — npx hyperframes add cursor-marquee-select