# Autodemo Web

> Pipeline /demo do AutoDemo (JZnebel) — scout da URL, screencast no Chrome, narração e render MP4. Use when the user asks for /demo, AutoDemo Claude, gravar web app com Chrome DevTools, ou demo narrada a partir de uma URL.

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

---


# AutoDemo web (`/demo`)

Scout → grava → narra → render. Serve **app web**. Não substitui aula prática no Cursor.

## Onde está o código

```
/Users/naubergois/cursor-skills-nauber/vendor/JZnebel-AutoDemo/
```

Skill original: [UPSTREAM.md](UPSTREAM.md)

O submodule `chrome-devtools-mcp` (repo privado `humanchromedevtools`) **não clonou**. Sem esse MCP, use o Chrome/browser que já estiver no Cursor (`browser-harness`, DevTools MCP público, ou `screencast-tutorial-video`).

## Como usar

1. Ler o UPSTREAM por completo (fases Scout, Record, Narrate, Render).
2. URL obrigatória. Brief curto se o usuário disser o que mostrar.
3. Login só com credencial que o usuário passou neste chat. Não puxar senha de `.env` alheio para o vídeo.
4. Gravação em `screencast-output/<name>/recording.mp4`.
5. Se o render Remotion/TTS do vendor falhar, cair para `screencast-tutorial-video` + `narrate.sh` (ElevenLabs).

## Relação com as outras skills

Aula com ensino → `gravar-aula-pratica`.  
MCP `demo_create` → `autodemo`.  
GIF de README → `demo-gif`.