Edição 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 diapositivos com os seus factos, corrija um elemento específico e confira o HTML transferido.

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 percurso de uma instrução a uma apresentação editável e a um HTML autónomo. Este guia exige familiaridade com Node e comandos de terminal. Usará o seu próprio texto factual para criar três diapositivos, corrigir um elemento e verificar o ficheiro transferido. A base é a documentação e o código inspecionado; não executámos a aplicação nem testámos uma exportação.

## A grande mudança

- **O que mudou:** A apresentação gerada pode ser editada como diapositivos e transferida num único HTML para visualização.
- **Porque importa:** Comparar com a fonte e efetuar uma correção exata mantém a sua responsabilidade pelos factos. A verificação decisiva faz-se no ficheiro exportado.
- **O que observar:** O alojamento local é da aplicação; a ligação ao modelo determina onde as instruções são processadas e os possíveis encargos. Não estabelecemos preço fixo por apresentação nem equivalência exata entre pacote e commit.

## Prepare a fonte e a aplicação local

1. Escreva um excerto curto e verificável. Guarde a atribuição, os números exatos e as datas. Assinale uma frase ou número para corrigir após a geração e anote a substituição exata. Use material que tenha autorização para enviar ao fornecedor 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 confirmámos que o pacote publicado contenha exatamente esse código.

3. Ligue um modelo antes de pedir a apresentação. Para a opção OpenAI documentada, adicione agora `OPENAI_API_KEY` ao `.env` do servidor da aplicação gerada. Execute `pnpm dev`, abra o URL local apresentado e escolha **Continue as local dev** em Welcome. A porta pode mudar se 8080 estiver ocupada. Escolha o modelo em **Settings**. Em alternativa, inicie a aplicação e adicione uma credencial pessoal ou da organização em **Custom keys**. Não coloque a chave em instruções, capturas de ecrã 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 a utilização do modelo.

## Crie e confira três diapositivos

4. Clique em **New deck**. Cole a fonte no pedido ao agente e solicite exatamente três diapositivos usando apenas esses factos. Defina a função de cada um: assunto, factos principais e conclusão sustentada pela fonte. Peça para preservar citações ou atribuição quando necessário. Estas restrições não garantem que a geração as respeitará.
5. Conte os diapositivos e compare cada linha factual com o original. Remova o que não estiver sustentado. Confira números, datas, nomes, ressalvas e texto cortado na disposição. Faça-o antes da correção planeada para distinguir essa alteração de outros erros.
6. Abra o diapositivo com o elemento assinalado e faça duplo clique no texto. Substitua apenas esse elemento pela redação ou valor exato preparado. Releia esse diapositivo 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 outro pedido ao modelo.
7. No editor, abra **Export** e escolha **Download HTML**. Abra o `.html` transferido num navegador. Confira os três diapositivos, a navegação nos dois sentidos, o texto corrigido e a disposição de cada um comparada com o editor. Ver a correção no editor não prova que chegou à transferência. O HTML documentado é um ficheiro autónomo de visualização com navegação pelo teclado, não um PowerPoint editável. Google Slides usa uma via separada de importação PPTX.

Se a exportação estiver desativada, confira se existem diapositivos. Perante um erro de dependência entre pares na instalação, o guia inicial sugere `npx clear-npx-cache` antes de repetir. Para desfazer uma edição, consulte o histórico e restauro documentados; confira o texto restaurado antes de voltar a exportar. São procedimentos documentados, não falhas que tenhamos observado.

## 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.
- [Funcionalidades do Slides](https://www.agent-native.com/docs/template-slides-features/): edição direta, restauro de versões e HTML autónomo.
- [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.
- [Funcionalidades do Slides](https://www.agent-native.com/docs/template-slides-features/) — [Funcionalidades do Slides](https://www.agent-native.com/docs/template-slides-features/): edição direta, restauro de versões e HTML autónomo.
- [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.