# Have your coding agent film the feature you just deployed

> Connect Claude Code or Cursor to Tella's MCP server, then ask it to use Tella Auto Capture on the feature's full URL. Auto Capture opens the page in its own browser, explores it, scripts the demo and films it with an animated cursor. You get a take with a handoff note, chapters and suggested cuts.

Page: https://www.tella.com/auto-capture/record-web-app-demo-from-claude-code · Part of Auto Capture (https://www.tella.com/auto-capture)

## How can I have Claude Code or Cursor record a demo of the web app feature I just deployed?

Connect [Claude Code](https://www.tella.tv/settings/connections) or [Cursor](https://www.tella.tv/settings/connections) to Tella's [MCP server](https://www.tella.com/mcp), then ask it to use Tella [Auto Capture](https://www.tella.com/auto-capture) on the feature's full URL. Auto Capture opens the page in its own browser, explores it, scripts the demo and films it with an animated cursor. You get a take with a handoff note, chapters and suggested cuts.

## Prompt to start from

```text
Use Tella Auto Capture to demo saved filters at https://app.example.com/projects: filter overdue tasks assigned to me, save it as "My overdue" and end with it pinned in the sidebar. Sign in with the "Demo account" credential and add the take to a new video.
```

## More prompts

### Developer relations: API key setup

```text
Use Auto Capture at https://app.example.com/settings/developers to show developers creating a read-only API key named "Local testing", ending on the keys list. Sign in with the "DevRel sandbox" credential. Creating keys is fine. Add the take to my "API quickstart" video.
```

### Product engineer: release note clip

```text
We shipped dark mode at https://app.example.com/dashboard. Record a 20-second Auto Capture take for the release notes: open the profile menu, switch the theme to Dark, then open the reports page to show it carries over. Use the "Demo account" credential.
```

## How to do it in Tella

1. Connect your agent to Tella in [Settings → Connections](https://www.tella.tv/settings/connections) → AI apps.
2. For pages behind a sign-in, save a demo login in [Settings → Credentials](https://www.tella.tv/settings/credentials).
3. Give your agent the URL, the audience, the journey and where it ends.
4. Put the take in a new Tella video. Add narration as a recorded audio file.

## 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.
- Sites that block automated browsers stop Auto Capture. On your own site, allow the X-Tella-Auto-Capture header in your firewall.
- One take films one journey. For a longer video, add one take per flow to the same video.
- Changes saved while exploring are undone before filming. It asks before any change it can't undo.

## Questions people ask

### Can I start Auto Capture from Claude or ChatGPT instead of a coding agent?

Yes. Any AI app connected to Tella's MCP server can start an Auto Capture take, including [Claude](https://claude.ai/directory/tella) and [ChatGPT](https://chatgpt.com/plugins/plugin_asdk_app_6a7026f78434819186579d93d20ab38b?open_in_app). Give it the page's full URL.

### Can Auto Capture record my app running on localhost?

No. Tella's Auto Capture runs on Tella's servers, so it needs a public http or https URL. It can't reach localhost, IP addresses, intranet hosts or URLs with a username or password in them.

### My agent went quiet after starting the take. Is it still running?

Probably. A Tella Auto Capture take usually runs for several minutes. Some AI apps only check progress when you send a message, so ask "Is the Tella capture done?"

## 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.
- [Film your signed-in product, two-step codes included](https://www.tella.com/auto-capture/record-a-demo-behind-a-login.md): Your signed-in product, two-step codes included.
- [A smoother, bigger cursor in every walkthrough](https://www.tella.com/agent/smooth-cursor-in-screen-recording.md): Smooth, resize and restyle your pointer
- [Record a product demo with Auto Capture](https://www.tella.com/help/integrations/auto-capture)
- [Connect an AI assistant to Tella](https://www.tella.com/help/integrations/mcp-server#connect-an-ai-assistant-to-tella)
- [Let Auto Capture past your firewall or bot protection](https://www.tella.com/help/integrations/auto-capture-site-access)
- [All of Tella's AI features](https://www.tella.com/ai.md)
