# Gesture Tap — 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 contact circle taps a mobile pill button, releases it into a new labeled accent state, and lifts away.

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

## Slots (what you fill in)

- `tap_label` (string) — Tap label
- `response_label` (string) — Response label
- `accent` (enum) — Accent

## Used in

- [Product launch film](https://skills.varg.ai/video/product-launch.md)
- [Feature announcement](https://skills.varg.ai/video/feature-announcement.md)
- [App promo & App Store preview](https://skills.varg.ai/video/app-promo.md)
- [Text-message story](https://skills.varg.ai/video/chat-story.md)
- [Changelog & release notes](https://skills.varg.ai/video/changelog.md)
- [CLI & terminal demo](https://skills.varg.ai/video/terminal-demo.md)
- [Website to video](https://skills.varg.ai/video/website-to-video.md)
- [App walkthrough & onboarding](https://skills.varg.ai/video/app-walkthrough.md)

## More cursors & clicks

- [Agent Cursor](https://skills.varg.ai/component/hf.agent-cursor.md) — `npx hyperframes add agent-cursor`
- [Annotate Cursor](https://skills.varg.ai/component/hf.cursor-annotate.md) — `npx hyperframes add cursor-annotate`
- [Context Menu Cursor](https://skills.varg.ai/component/hf.cursor-context-menu.md) — `npx hyperframes add cursor-context-menu`
- [Drag and Drop Cursor](https://skills.varg.ai/component/hf.cursor-drag-drop.md) — `npx hyperframes add cursor-drag-drop`
- [Cursor Glyph Trail](https://skills.varg.ai/component/hf.cursor-glyph-trail.md) — `npx hyperframes add cursor-glyph-trail`
- [Marquee Select Cursor](https://skills.varg.ai/component/hf.cursor-marquee-select.md) — `npx hyperframes add cursor-marquee-select`