EL MUNDO NO SE DETIENE.RSS
BIG CHANGE.

Edición en Markdown

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

# Crear, corregir y exportar una presentación de IA local

> Configura Agent-Native Slides en local, crea tres diapositivas con tus propios datos, corrige un elemento concreto y compruébalo en el HTML descargado.

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.

Agent-Native Slides documenta cómo pasar de una instrucción a una presentación editable y exportarla como HTML independiente. Esta guía exige familiaridad con Node y el terminal. Usarás tu propio texto factual para crear tres diapositivas, corregir un elemento y revisar la descarga. Nos basamos en documentación y código inspeccionado; no ejecutamos la aplicación ni probamos una exportación.

## El gran cambio

- **Qué cambia:** La presentación generada puede editarse como diapositivas y descargarse en un solo archivo HTML para visualizarla.
- **Por qué importa:** Compararla con la fuente y hacer una corrección exacta mantiene tu responsabilidad sobre los hechos. La comprobación decisiva se hace en el archivo exportado.
- **En qué fijarse:** El alojamiento local corresponde a la aplicación; la conexión al modelo determina dónde se procesan las instrucciones y los posibles cargos. No establecimos un precio fijo por presentación ni una equivalencia exacta entre paquete y commit.

## Preparar la fuente y la aplicación local

1. Escribe un pasaje breve y verificable. Conserva su atribución, cifras exactas y fechas. Marca una frase o cifra para corregirla después de generar y anota su sustitución exacta. Usa material que tengas permiso para enviar al proveedor elegido. El servidor de desarrollo local no convierte una llamada a un modelo en la nube en procesamiento local.
2. Instala Node.js 22.22 o posterior y habilita `pnpm`. Ejecuta en el terminal:

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

   La versión fijada `0.209.2` es la del paquete npm comprobado para esta receta. El código del repositorio inspeccionado abajo es un commit distinto; no confirmamos que el paquete publicado contenga exactamente ese código.

3. Conecta un modelo antes de pedir la presentación. Para la ruta OpenAI documentada, añade ahora `OPENAI_API_KEY` al `.env` del servidor de la aplicación generada. Ejecuta `pnpm dev`, abre la URL local mostrada y elige **Continue as local dev** en Welcome. El puerto puede variar si 8080 está ocupado. Selecciona el modelo en **Settings**. También puedes iniciar la aplicación y añadir una credencial personal o de organización mediante **Custom keys**. No pongas la clave en instrucciones, capturas ni variables `VITE_`, que pueden exponerse al navegador. Comprueba acceso y precios antes de enviar la fuente: la licencia de código abierto del framework no cubre el uso del modelo.

## Crear y comprobar tres diapositivas

4. Pulsa **New deck**. Pega la fuente en la petición al agente y solicita exactamente tres diapositivas usando solo esos hechos. Define sus funciones: tema, hechos esenciales y conclusión respaldada por la fuente. Pide conservar citas o atribución cuando corresponda. Estas restricciones no garantizan que la generación las respete.
5. Cuenta las diapositivas y coteja cada línea factual con el original. Elimina lo no respaldado. Comprueba cifras, fechas, nombres, matices y texto cortado en la composición. Hazlo antes de la corrección prevista para distinguir ese cambio de otros errores.
6. Abre la diapositiva con el elemento marcado y haz doble clic en el texto. Sustituye solo ese elemento por la redacción o el valor exacto preparado. Relee esa diapositiva y las otras dos. Slides también ofrece **Revise with AI** para una selección, pero la edición directa acota la corrección y evita otra petición al modelo.
7. Abre **Export** en el editor y elige **Download HTML**. Abre el `.html` descargado en un navegador. Comprueba las tres diapositivas, la navegación en ambos sentidos, el texto corregido y la composición de cada una frente al editor. Ver la corrección en el editor no demuestra que esté en la descarga. El HTML documentado es un archivo independiente de visualización con navegación por teclado, no un PowerPoint editable. Google Slides usa otra ruta de importación PPTX.

Si la exportación está desactivada, comprueba que haya diapositivas. Ante un error de dependencias entre pares al instalar, el manual inicial recomienda `npx clear-npx-cache` antes de reintentar. Para deshacer una edición, consulta el historial y la restauración documentados; verifica el texto restaurado antes de exportar otra vez. Son soluciones documentadas, no fallos que hayamos observado.

## Fuentes y lecturas adicionales

- [Guía inicial](https://www.agent-native.com/docs/): requisitos Node/pnpm, desarrollo local, opción de Welcome y recuperación de la configuración.
- [Introducción a Slides](https://www.agent-native.com/docs/template-slides/): comando de creación, **New deck** y generación.
- [Funciones de Slides](https://www.agent-native.com/docs/template-slides-features/): edición directa, restauración de versiones y HTML independiente.
- [Variables de entorno](https://www.agent-native.com/docs/environment-variables/): clave OpenAI, **Custom keys**, selección del modelo y variables expuestas al navegador.
- [Código fijado del menú Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** y su desactivación en una presentación vacía. El commit inspeccionado no demuestra el contenido exacto del paquete npm.

## Sources

- [Guía inicial](https://www.agent-native.com/docs/) — [Guía inicial](https://www.agent-native.com/docs/): requisitos Node/pnpm, desarrollo local, opción de Welcome y recuperación de la configuración.
- [Introducción a Slides](https://www.agent-native.com/docs/template-slides/) — [Introducción a Slides](https://www.agent-native.com/docs/template-slides/): comando de creación, **New deck** y generación.
- [Funciones de Slides](https://www.agent-native.com/docs/template-slides-features/) — [Funciones de Slides](https://www.agent-native.com/docs/template-slides-features/): edición directa, restauración de versiones y HTML independiente.
- [Variables de entorno](https://www.agent-native.com/docs/environment-variables/) — [Variables de entorno](https://www.agent-native.com/docs/environment-variables/): clave OpenAI, **Custom keys**, selección del modelo y variables expuestas al navegador.
- [Código fijado del menú Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Código fijado del menú Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** y su desactivación en una presentación vacía. El commit inspeccionado no demuestra el contenido exacto del paquete npm.