Edição em Markdown

AI-translated from English; not yet reviewed by a fluent editor.

# Crie, corrija e exporte uma apresentação de IA local

> Configure o Agent-Native Slides localmente, crie três slides com seus próprios fatos, corrija um item específico e confira o HTML baixado.

By BIG CHANGE Editorial

Published: 2026-10-19T10:22:45.719Z
Updated: 2026-10-19T10:22:45.719Z
Canonical: https://bigchange.ai/blog/create-correct-export-agent-native-slides-html

![Conceptual charcoal illustration of an empty presentation room with a projector on a wheeled cart casting light onto a blank wall-mounted screen; a closed laptop and three empty chairs are nearby.](https://bigchange.ai/api/media/file/agent-native-slides-presentation-room-concept-v2.png)
AI-generated conceptual illustration by BIG CHANGE; no actual Agent-Native interface, exported deck or test result is depicted.

O Agent-Native Slides documenta o caminho de uma instrução a uma apresentação editável e a um HTML independente. Este guia exige familiaridade com Node e comandos de terminal. Você usará seu próprio texto factual para criar três slides, corrigir um item e verificar o arquivo baixado. A base é a documentação e o código inspecionado; não executamos o aplicativo nem testamos uma exportação.

## A grande mudança

- **O que mudou:** A apresentação gerada pode ser editada como slides e baixada em um único HTML para visualização.
- **Por que importa:** Comparar com a fonte e fazer uma correção exata mantém sua responsabilidade pelos fatos. A verificação decisiva é no arquivo exportado.
- **O que observar:** A hospedagem local é do aplicativo; a conexão com o modelo determina onde as instruções são processadas e possíveis cobranças. Não estabelecemos preço fixo por apresentação nem equivalência exata entre pacote e commit.

## Prepare a fonte e o aplicativo local

1. Escreva um trecho curto e verificável. Guarde a atribuição, os números exatos e as datas. Marque uma frase ou número para corrigir após a geração e anote a substituição exata. Use material que você tenha autorização para enviar ao provedor escolhido. O servidor de desenvolvimento local não torna local uma chamada a um modelo na nuvem.
2. Instale Node.js 22.22 ou posterior e disponibilize `pnpm`. Execute no terminal:

```sh
   npx --yes @agent-native/core@0.209.2 create my-slides --standalone --template slides
   cd my-slides
   corepack enable
   pnpm install
```

   A versão fixada `0.209.2` é a do pacote npm verificado para esta receita. O código do repositório inspecionado abaixo corresponde a outro commit; não confirmamos que o pacote publicado contenha exatamente esse código.

3. Conecte um modelo antes de pedir a apresentação. Para a opção OpenAI documentada, adicione agora `OPENAI_API_KEY` ao `.env` do servidor do aplicativo gerado. Execute `pnpm dev`, abra a URL local exibida e escolha **Continue as local dev** em Welcome. A porta pode mudar se 8080 estiver ocupada. Escolha o modelo em **Settings**. Outra opção é iniciar o aplicativo e adicionar uma credencial pessoal ou organizacional em **Custom keys**. Não ponha a chave em instruções, capturas de tela ou variáveis `VITE_`, que podem ficar expostas no navegador. Confira acesso e preços antes de enviar a fonte: a licença de código aberto do framework não cobre o uso do modelo.

## Crie e confira três slides

4. Clique em **New deck**. Cole a fonte no pedido ao agente e solicite exatamente três slides usando apenas esses fatos. Defina a função de cada slide: assunto, fatos principais e conclusão sustentada pela fonte. Peça para preservar citações ou atribuição quando necessário. Essas restrições não garantem que a geração as respeitará.
5. Conte os slides e compare cada linha factual com o original. Remova o que não estiver sustentado. Confira números, datas, nomes, ressalvas e textos cortados no layout. Faça isso antes da correção planejada para distinguir essa alteração de outros erros.
6. Abra o slide com o item marcado e dê dois cliques no texto. Troque apenas esse item pela redação ou valor exato preparado. Releia esse slide e os outros dois. Slides também oferece **Revise with AI** para texto selecionado, mas a edição direta limita a correção e evita outra solicitação ao modelo.
7. No editor, abra **Export** e escolha **Download HTML**. Abra o `.html` baixado em um navegador. Confira os três slides, a navegação para frente e para trás, o texto corrigido e o layout de cada um comparado ao editor. Ver a correção no editor não prova que ela chegou ao download. O HTML documentado é um arquivo independente de visualização com navegação pelo teclado, não um PowerPoint editável. Google Slides usa uma rota separada de importação PPTX.

Se a exportação estiver desativada, confira se há slides. Em caso de erro de dependência entre pares na instalação, o guia inicial sugere `npx clear-npx-cache` antes de tentar novamente. Para desfazer uma edição, consulte histórico e restauração documentados; confira o texto restaurado antes de exportar outra vez. São procedimentos documentados, não falhas observadas por nós.

## Fontes e leituras adicionais

- [Guia inicial](https://www.agent-native.com/docs/): requisitos de Node/pnpm, desenvolvimento local, escolha em Welcome e recuperação da configuração.
- [Visão geral do Slides](https://www.agent-native.com/docs/template-slides/): comando de criação, **New deck** e geração.
- [Recursos do Slides](https://www.agent-native.com/docs/template-slides-features/): edição direta, restauração de versões e HTML independente.
- [Variáveis de ambiente](https://www.agent-native.com/docs/environment-variables/): chave OpenAI, **Custom keys**, seleção do modelo e variáveis expostas ao navegador.
- [Código fixado do menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** e desativação em apresentações vazias. O commit inspecionado não comprova o conteúdo exato do pacote npm.

## Sources

- [Guia inicial](https://www.agent-native.com/docs/) — [Guia inicial](https://www.agent-native.com/docs/): requisitos de Node/pnpm, desenvolvimento local, escolha em Welcome e recuperação da configuração.
- [Visão geral do Slides](https://www.agent-native.com/docs/template-slides/) — [Visão geral do Slides](https://www.agent-native.com/docs/template-slides/): comando de criação, **New deck** e geração.
- [Recursos do Slides](https://www.agent-native.com/docs/template-slides-features/) — [Recursos do Slides](https://www.agent-native.com/docs/template-slides-features/): edição direta, restauração de versões e HTML independente.
- [Variáveis de ambiente](https://www.agent-native.com/docs/environment-variables/) — [Variáveis de ambiente](https://www.agent-native.com/docs/environment-variables/): chave OpenAI, **Custom keys**, seleção do modelo e variáveis expostas ao navegador.
- [Código fixado do menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Código fixado do menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** e desativação em apresentações vazias. O commit inspecionado não comprova o conteúdo exato do pacote npm.