---
name: slides-aula-imperatriz
description: Fabrica de slides HTML interativos no design system Direcao C (navy/gold + paper cream) com tom de voz Tata. 4 MODOS — (1) --aula educacional com 7 frameworks pedagogicos (Gagne+4MAT+Bloom+Dilts+Kolb+Cone Dale+Andragogia), (2) --cpl1 vendas Aula 1 lancamento (8 atos do KIT-CPL1: hook+prova social+credencial+inimigo+mecanismo unico+avalanche cases+sidekick+conteudo+projecao+CTA Aula 2 com horario quebrado), (3) --cpl2 vendas Aula 2 (10 atos do KIT-CPL2: testimonials+recap+promessa+demolicao objecao+3 caminhos com siglas+soft pitch tripartite+cliffhanger Aula 3), (4) --cpl3 vendas Aula 3 (carrinho aberto+stack de valor+garantia+escassez real+Da Vinci closer). 16 tipos de slide (12 base + 4 novos pra CPL: prova social cascata, projecao 5 anos, soft pitch sem preco, demolicao de objecao). Recebe transcricao ou outline, propoe arquitetura pra Tata aprovar, gera HTML + deck-stage.js + arquitetura.md, roda validadores anti-AI-slop. Saida em ~/Documents/Obsidian Vault/03 - Projetos/Slides-{nome} (aula) ou CPL{N}-{nome-lancamento} (vendas). Use quando o usuario pedir: criar slides de aula, slides interativos, deck pra apresentar, slides Disney/UAU, transformar aula em slides, slides pra mentorada, slides HTML, deck visual, slides com a cara da Tata, slides de CPL, slides de lancamento, CPL1 CPL2 CPL3, aula de venda, aula de lancamento, Imperio IA slides, segunda formula, aula 1 aula 2 aula 3, deck pra vender.
---

# /slides-aula-imperatriz

Fabrica de decks HTML que transformam qualquer aula (transcricao, outline ou briefing CPL) em **slides interativos** no design system **Direcao C** (navy/gold + paper cream) com tom de voz Tata.

**4 MODOS:**
- `--aula` (default) — Aula educacional com 7 frameworks pedagógicos (Gagne + 4MAT + Bloom + Dilts + Kolb + Cone Dale + Andragogia). 8-12 slides.
- `--cpl1` — Aula 1 de lançamento (8 atos do KIT-CPL1 Érico Rocha). Vende Aula 2. 12-15 slides.
- `--cpl2` — Aula 2 de lançamento (10 atos do KIT-CPL2 Érico+Lorival). Vende Aula 3 + soft pitch tripartite. 15-18 slides.
- `--cpl3` — Aula 3 de lançamento (estrutura inferida). Carrinho aberto + pitch HARD + escassez. 15-17 slides.

Skill standalone — pode rodar sozinha ou ser chamada por orquestradoras (`/editordeaulas`, `/maestro-de-conteudo`, `/skill-lancamento-digital`).

---

## QUANDO USAR

- "preciso criar slides dessa aula"
- "transformar essa transcricao em deck"
- "slides bonitos pra apresentar"
- "deck visual pra mentorada"
- "slides com a cara da Tata"
- "slides interativos pra aula X"
- "deck HTML pra aula"

## QUANDO **NAO** USAR

- Quer carrossel Instagram (use `/skill-carrossel-instagram`)
- Quer apenas roteiro/script da aula (use `/copywriting` ou `/editordeaulas`)
- Quer mapa mental da aula (use `/mapa-mental-imperatriz`)
- Quer infografico estatico (use `/texto-em-visual`)

---

## FLUXO MESTRE (sempre)

```
1. COLETA   → nome da aula + input (transcricao OU outline) + modo
2. DETECTA  → modo auto (>1500 palavras = transcricao, <=1500 = outline)
3. PROPOE   → arquitetura de 8-12 slides + tipo escolhido + titulo
4. APROVA   → Tata aprova/edita lista de slides ANTES de gerar HTML
5. GERA     → HTML completo (1 arquivo) + deck-stage.js + arquitetura.md
6. VALIDA   → 10 checks anti-AI-slop. Se falhar, corrige antes de entregar
7. SALVA    → ~/Documents/Obsidian Vault/03 - Projetos/Slides-{nome}/
8. ABRE     → open no navegador padrao
9. OPCIONAL → exporta PPTX (se Tata pedir)
```

---

## OS 4 GRANDES MODOS (aula vs vendas)

Ver `MODOS-AULA-VS-VENDAS.md` pra decision tree completo.

### `--aula` (default, EDUCACIONAL)
Aula que ENSINA. Sem pitch ou pitch suave no fim. Usa **7 frameworks pedagógicos** (Gagne + 4MAT + Bloom + Dilts + Kolb + Cone Dale + Andragogia) — ver `FRAMEWORKS-EDUCACIONAIS.md`.
- 8-12 slides
- 12 tipos de slide base (01-12)
- Sub-modos `--transcricao`, `--outline`, `--arquitetura-pronta` (ver abaixo)

### `--cpl1` (VENDAS — Aula 1 do lançamento)
Aula 1 que vende a Aula 2 (não vende produto). **8 atos do KIT-CPL1** — ver `CPL1-ESTRUTURA.md`.
- 12-15 slides
- Usa tipos base + tipos novos 13 (Prova Social) e 14 (Projeção 5 Anos)
- OBRIGATÓRIO: briefing 12 perguntas + mecanismo único nomeado
- CTA com horário quebrado (19:37, 20:13)

### `--cpl2` (VENDAS — Aula 2 do lançamento)
Aula 2 que vende a Aula 3 + soft pitch. **10 atos do KIT-CPL2** — ver `CPL2-ESTRUTURA.md`.
- 15-18 slides
- Usa tipos base + 13 (Prova Social) + 15 (Soft Pitch) + 16 (Demolição Objeção)
- OBRIGATÓRIO: 3 caminhos com siglas + taxonomia proprietária + soft pitch tripartite
- NUNCA menciona preço

### `--cpl3` (VENDAS — Aula 3 do lançamento)
Aula 3 = carrinho aberto + pitch HARD. Estrutura inferida da CPL2 — ver `CPL3-ESTRUTURA.md`.
- 15-17 slides
- Usa tipos base + 13 + 16 (demolição) + customizações pra preço/garantia/escassez
- OBRIGATÓRIO: stack de valor + garantia + escassez real + link do carrinho

---

## SUB-MODOS DE INPUT (dentro de cada modo principal)

### Modo `--transcricao` (default se >1500 palavras)

Recebe transcricao bruta (Whisper, Otter, gravação). Workflow:

1. Le a transcricao
2. Extrai 8-12 **topicos** principais (ignora "ah", "ne", aberturas vazias)
3. Pra cada topico, **classifica** em 1 dos 16 tipos de slide (ver `HEURISTICA.md`)
4. Sugere **titulo curto** de cada slide (max 4 palavras)
5. Apresenta arquitetura num markdown table pra Tata aprovar
6. Apos aprovacao, gera o HTML preenchendo os templates

Se o whisper estiver bagunçado, integrar com `/transcript-fixer` antes.

### Modo `--outline` (default se <=1500 palavras OU se tem bullets)

Recebe outline ja estruturado (titulo + bullets). Workflow:

1. Le o outline
2. Mapeia cada bloco direto pra um tipo de slide
3. Apresenta arquitetura pra aprovar
4. Gera HTML

### Modo `--arquitetura-pronta` (avancado)

Tata passa lista explicita: "quero 8 slides nesses tipos: 01, 03, 06, 09, 11, 02, 09, 12". Skill so executa.

---

## CATALOGO DE 16 TIPOS DE SLIDE

Ver `CATALOGO-SLIDES.md` pra spec completa.

### Tipos base (01-12) — aula educacional E vendas

| # | Tipo | Bg | Quando usar |
|---|---|---|---|
| 01 | Titulo + partículas | navy | Abre toda aula (slide 1) |
| 02 | Definição + 4 exemplos | navy | "O que e X" |
| 03 | Comparacao A vs B | paper | "X vs Y", "antes vs depois" |
| 04 | Comando/codigo | navy | Sintaxe, exemplos de codigo |
| 05 | Breakdown visual (5 boxes) | paper | Anatomia de estrutura/formula |
| 06 | Cards numerados 1-N | navy | "As N operacoes/etapas/pilares" (3-5 items) |
| 07 | Lista numerada vertical | navy | Boas praticas, regras (4-7 items) |
| 08 | Yes/No dois paineis | paper | "Brilha aqui / nao serve aqui" |
| 09 | Limitacoes + icones | dark | Warnings, gotchas, atencao |
| 10 | Quote/stat gigante | navy | Numero de impacto, frase ancora |
| 11 | Timeline horizontal | paper | Fluxo passo 1→2→3→4 |
| 12 | Fechamento (bg-word) | navy | CTA final (slide ultimo) |

### Tipos vendas (13-16) — só nos modos CPL

| # | Tipo | Bg | Quando usar |
|---|---|---|---|
| 13 | Prova Social Cascata | navy | Testimonials (CPL1 ato 2, CPL2 atos 1+10, CPL3 ato 4) |
| 14 | Projeção 5 Anos | paper | Tabela faturamento composto (CPL1 ato 8) |
| 15 | Soft Pitch | navy | Apresentação programa SEM preço (CPL2 ato 9) |
| 16 | Demolição Objeção | dark | "Você acha X, mas é Y" + case real (CPL2/CPL3) |

**REGRA DURA:** slide 01 sempre Titulo, slide ultimo sempre Fechamento. Outros slides intermediarios.

---

## ESTRUTURA DA SAIDA

```
~/Documents/Obsidian Vault/03 - Projetos/Slides-{nome-aula}/
├── {nome-aula}.html          # deck completo, abre no browser
├── deck-stage.js             # web component (copia pronta)
├── arquitetura.md            # registro: lista de slides + tipos + justificativa
├── speaker-notes.md          # (opcional) anotacoes por slide pra apresentar
└── {nome-aula}.pptx          # (opcional) export PPTX via script
```

---

## NAVEGACAO DO DECK (depois de aberto)

- **← →** — proximo/anterior slide
- **PgUp/PgDn** — proximo/anterior slide
- **barra de espaço** — proximo slide
- **Home/End** — primeiro/ultimo slide
- **R** — reseta pra slide 0
- **N0-9** — pula direto pro slide N
- **trilho lateral** — clique nos thumbnails
- **Ctrl/Cmd+P** — exporta PDF (1 pagina por slide, ja configurado)

---

## INTEGRACAO COM ECOSSISTEMA

Esta skill **chama** (opcional):
- `/voz-humana-br` — passa copy dos slides pra validar PT-BR humano (sem cara de IA)
- `/transcript-fixer` — limpa erros Whisper (Lovable→Lovo, etc) antes de extrair topicos

Esta skill **e chamada por** (futuro):
- `/editordeaulas` — depois de cortar a aula em capitulos, gera o deck
- `/maestro-de-conteudo` — orquestra criacao de conteudo end-to-end

---

## DESIGN SYSTEM REFERENCIA

Ver `DESIGN-SYSTEM.md` pra tokens completos.

**Resumo:**
- **Cores navy:** `--navy #0E1B2E`, `--gold #D6A648`, `--cream #F5EBD4`
- **Cores paper:** `--paper #FAF7F0`, `--ink #0A1020`, `--brick #C0432A`
- **Cores dark:** `--dark #060E1A` (só slide de limitacoes)
- **Fonts:** Instrument Serif (display 40px+), Inter (body), JetBrains Mono (mono/cron/codigo)
- **Spacing:** padding slide 88px top / 120px lateral / 72px bottom
- **Frame:** 1920×1080 (Full HD landscape)

---

## TOM DE VOZ

Ver `TOM-DE-VOZ.md` pra regras completas.

**Resumo:**
- **Italics SEMPRE no gold** (navy bg) ou **brick** (paper bg) — destaca palavra-chave 1–2 por titulo
- **Watermark "tatá." com ponto gold/brick** em TODO slide, bottom-left
- **Copy curta** — cards no maximo 12-15 palavras, h2 quebra estrategica
- **Sem emoji decorativo** — so funcional (✅❌💰📍 pra alerta/estado)
- **Font-size minimo 24px** em qualquer texto visivel (regra dura)
- **Eye/olho** uppercase mono 24px com linha gold antes do titulo (slides secundarios)

---

## VALIDADORES (10 checks anti-slop)

Ver `validadores/` pra detalhes. Antes de entregar o deck, roda:

1. Italics so em gold/brick (nunca em outras cores)
2. Watermark "tata." presente em todo slide
3. Nenhum font-size abaixo de 24px
4. Eye/olho presente em todo slide secundario (nao no titulo nem fechamento)
5. Copy curta (cards ≤15 palavras, h2 ≤3 linhas)
6. Sem emoji decorativo
7. Cards balanceados (grid bate com quantidade)
8. Cron real se for slide de cron (sintaxe valida)
9. Fechamento tem CTA claro (verbo + acao)
10. Animation delays escalonados (.a-1 → .a-9)

---

## EXEMPLOS CALIBRADOS

Ver `exemplos/`:

1. **exemplo-01-rotinas-claude-code** — o deck original que originou esta skill (10 slides, navy + paper mix)
2. **exemplo-02-funil-vsl-vendendo-no-frio** — aula de vendas (12 slides, foco em casos yes/no)
3. **exemplo-03-tracking-fisico-whatsapp** — aula tecnica (10 slides, foco em codigo + breakdown)

Cada exemplo tem:
- `input.md` (transcricao ou outline original)
- `arquitetura.md` (decisao de slides + justificativa)
- `output.html` (deck final)

---

## REGRAS DURAS

1. **Slide 01 sempre Titulo** com particulas. **Slide ultimo sempre Fechamento** com bg-word.
2. **Maximo 12 slides** (Tata ja validou 10 no deck original). Se conteudo grande, divide em 2 decks.
3. **Tata aprova arquitetura ANTES** do HTML ser gerado — nunca pular essa etapa.
4. **Watermark "tata." e regra ABSOLUTA** — todo slide, sem excecao.
5. **Italic so destaca 1-2 palavras por titulo** — nunca italicar frase inteira.
6. **Salva em vault** por default. Outras pastas so se Tata pedir explicito.
7. **Copia o deck-stage.js junto** — sem ele o deck nao funciona.

---

## ARGUMENTOS

```bash
# Modo aula educacional (default)
/slides-aula-imperatriz [--aula] [--transcricao|--outline|--arquitetura-pronta] [nome-da-aula]

# Modo vendas — lançamento
/slides-aula-imperatriz --cpl1 [nome-do-lancamento]
/slides-aula-imperatriz --cpl2 [nome-do-lancamento]
/slides-aula-imperatriz --cpl3 [nome-do-lancamento]
```

Se nenhum argumento, skill pergunta primeiro:
1. "Essa aula vai vender no final? (n/s)"
2. Se sim — "Faz parte de série de 3? Qual aula?" → vai pra `--cpl1/2/3`
3. Se não — usa `--aula`

---

**Metodo Imperatriz de Slides** — propriedade Tata Goncalves, Mentoria Imperio IA.
