# Autodemo

> Gera demo narrada de app web via AutoDemo MCP (demo_create, session, project.json, HyperFrames). Use when the user asks for autodemo, demo de produto web, MP4 a partir de URL, ou gravar um app no browser sem aula didática.

- Skill: `naubergois/autodemo` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add naubergois/autodemo`
- Raw SKILL.md: https://api.skillmd.com/api/skills/naubergois/autodemo/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: naubergois (https://skillmd.com/u/naubergois)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/naubergois/autodemo

---


# AutoDemo (produto web)

Demo de **produto**, não aula B555. Se o pedido for ensinar (conceito, porquê, limite) enquanto a tela anda, use `gravar-aula-pratica`.

## Onde está o código

```
/Users/naubergois/cursor-skills-nauber/vendor/flavioduque-autodemo/
```

Skill original (ler inteira antes de operar): [UPSTREAM.md](UPSTREAM.md)

## Como usar

1. Confirmar que o MCP AutoDemo está no `mcp.json` e responde `demo_create`.
2. Se o MCP **não** estiver ativo: não inventar a API. Cair para `screencast-tutorial-video` (`browser-scene.sh`) ou `autodemo-web`.
3. Seguir o pipeline do UPSTREAM: URL + lista explícita de passos + pacing → `demo_create` → MP4.
4. Não planejar passeio livre no app. Passos nomeados (`click`, `fill`, `scroll`, `goto`).
5. Campos secretos fora do quadro.

## Relação com as outras skills

| Pedido | Skill |
|---|---|
| Aula prática / Cursor / Keras | `gravar-aula-pratica` |
| Storyboard + beats narrados | `screencast-storyboard` → `screencast-tutorial-video` |
| Pipeline Claude `/demo` (JZnebel) | `autodemo-web` |