> ## Documentation Index > Fetch the complete documentation index at: https://hyperframes.heygen.com/llms.txt > Use this file to discover all available pages before exploring further. # Agent Cursor > An AI agent operating a UI: a cursor with an accent name label that types out each step, clicks each target with a small ring, and ends on a check. **Agent Cursor** ```html agent-cursor.html theme={null} Agent Cursor ``` Copy npx hyperframes add agent-cursor to the clipboard That writes one file: `compositions/components/agent-cursor.html`. ## Paste it into your composition Open `compositions/components/agent-cursor.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. ## Variables Every one of these has a default, so the piece works untouched. Set the ones you want to change on the element: | Variable | Default | Accepts | What it does | | - | - | - | - | | `agent_name` | `Agent` | string | | | `steps` | `Reading the page,Opening Settings,Turning on backups,Done` | string | Comma-separated: a reading line, one line per target, then a done line. | | `targets` | `25,47;76,30` | string | Semicolon-separated x,y points in percent of the frame. | | `accent` | `#0a84ff` | color | | Set them with `data-variable-values` on the element that mounts it. These are the defaults, so this behaves exactly like the preview above until you change one: ```html wrap theme={null}
``` Tagged `cursor` `motion-primitive` `agent` `ai` `status` `click`. ## Related topics * [Browse the complete Catalog](https://hyperframes.heygen.com/catalog.md) * [Add assets and Catalog items in Studio](https://hyperframes.heygen.com/studio/assets-and-blocks.md) * [Build a richer composition](https://hyperframes.heygen.com/go-further.md) ## Related topics - [Release agent plugins](https://hyperframes.heygen.com/contributing/agent-plugins.md) - [Install the HyperFrames plugin](https://hyperframes.heygen.com/guides/plugins.md) - [Multiplayer Cursors](https://hyperframes.heygen.com/catalog/components/multiplayer-cursors.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.