# Film your app's shortcuts with every key shown on screen

> Ask Tella Auto Capture for a keyboard-driven demo of your web app. Give the full URL and the tasks to show. The agent films the demo and records the keys it presses. In the editor, turn on Keystrokes to show each shortcut as it's pressed.

Page: https://www.tella.com/auto-capture/keyboard-shortcuts-demo-video · Part of Auto Capture (https://www.tella.com/auto-capture)

## How do I make a demo video of my app's keyboard shortcuts with each key shown on screen?

Ask Tella [Auto Capture](https://www.tella.com/auto-capture) for a keyboard-driven demo of your web app. Give the full URL and the tasks to show. The agent films the demo and records the keys it presses. In the editor, turn on Keystrokes to show each shortcut as it's pressed.

## Prompt to start from

```text
Make a keyboard-driven Tella Auto Capture demo of https://app.example.com. Use shortcuts to open the command palette, create a task, assign it, set a due date and mark it done. Sign in with the "Demo account" credential. Keep it under 45 seconds.
```

## More prompts

### Developer tool

```text
Record a keyboard-driven demo of https://editor.example.com for developers. Use shortcuts to jump to a file by name, split the editor into two panes, search the project and open the terminal. Don't save or commit anything. About 30 seconds.
```

### Email and inbox app

```text
Make a keyboard-driven demo of inbox triage in https://mail.example.com. Use shortcuts to move down the list, open a message, archive it, label the next one "Follow up" and open a reply. Don't send anything. Stop on the open reply.
```

## How to do it in Tella

1. Ask the [Tella Agent](https://www.tella.com/agent) for a keyboard-driven demo of your app's full URL.
2. Save a demo login under [Settings → Credentials](https://www.tella.tv/settings/credentials) and name it in your request.
3. In the editor, click Effect (or press E) and turn on Keystrokes.
4. Choose Shortcuts or All keys, and set Labels to macOS or Windows.

## Good to know

- Closed beta on paid plans: email support@tella.com for access. Each take uses your workspace's credits, the same balance the Tella Agent spends.
- The agent clicks controls by default. Ask for a keyboard-driven demo to get shortcuts.
- Auto Capture records public web pages only. It can't film desktop apps, localhost, IP addresses or intranet hosts.
- Shortcuts shows only key combinations with a modifier. All keys also shows typed text, so check it for private info.

## Questions people ask

### Can I make a keyboard shortcuts demo from Claude or ChatGPT?

Yes. Connect [Claude](https://claude.ai/directory/tella) or [ChatGPT](https://chatgpt.com/plugins/plugin_asdk_app_6a7026f78434819186579d93d20ab38b?open_in_app) to Tella's [MCP server](https://www.tella.com/mcp) and ask for an Auto Capture keyboard-driven demo of your app's URL. Have it put the take in a new Tella video, then turn on Keystrokes in the editor.

### Will my password show up in the keystrokes?

No. A Tella Auto Capture take leaves out anything typed from a saved login. Password fields are also masked in the recording.

### Can I show keystrokes on a video I recorded in the browser?

No. In Tella, only Mac app screen recordings and Auto Capture takes include keystroke data. For web, Chrome extension, Windows or uploaded recordings, run a keystroke visualizer while you record.

## Related

- [Ship a demo video with every sprint release](https://www.tella.com/auto-capture/demo-video-for-every-release.md): A fresh demo of each feature you ship.
- [Make a feature launch video without recording it](https://www.tella.com/auto-capture/feature-launch-video.md): Film your new feature without booking anyone's time.
- [A smoother, bigger cursor in every walkthrough](https://www.tella.com/agent/smooth-cursor-in-screen-recording.md): Smooth, resize and restyle your pointer
- [Write a good request for Auto Capture](https://www.tella.com/help/integrations/auto-capture#write-a-good-request-for-auto-capture)
- [Show keystrokes on screen](https://www.tella.com/help/editing/show-keystrokes)
- [Let Auto Capture sign in to your product](https://www.tella.com/help/integrations/auto-capture-credentials)
- [All of Tella's AI features](https://www.tella.com/ai.md)