LE MONDE NE S’ARRÊTE PAS.RSS
BIG CHANGE.

Édition Markdown

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

# Créer, corriger et exporter un diaporama IA local

> Installez Agent-Native Slides en local, créez trois diapositives à partir de vos faits, corrigez un élément précis et vérifiez-le dans le fichier HTML téléchargé.

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 décrit comment transformer une consigne en diaporama modifiable, puis en fichier HTML autonome. Ce guide s’adresse aux lecteurs à l’aise avec Node et le terminal. Vous utiliserez votre propre texte factuel pour créer trois diapositives, corriger un élément identifié et vérifier le téléchargement. Les étapes reposent sur la documentation et le code inspecté ; nous n’avons exécuté ni l’application ni un export.

## Le grand changement

- **Ce qui change :** Un diaporama généré peut être modifié sous forme de diapositives, puis téléchargé dans un seul fichier HTML à consulter.
- **Pourquoi cela compte :** Comparer les diapositives à la source et effectuer une correction précise maintient votre responsabilité sur les faits. La vérification décisive porte sur le fichier exporté.
- **À surveiller :** L’hébergement local concerne l’application ; la connexion au modèle détermine où les consignes sont traitées et les frais possibles. Aucun prix fixe par diaporama ni correspondance exacte entre paquet et commit n’a été établi ici.

## Préparer la source et l’application locale

1. Rédigez un court passage vérifiable. Conservez son attribution, ses chiffres exacts et ses dates. Repérez une phrase ou un chiffre à corriger après génération et notez son remplacement exact. Utilisez uniquement du contenu que vous êtes autorisé à envoyer au fournisseur du modèle. Un serveur de développement local ne rend pas local l’appel à un modèle dans le cloud.
2. Installez Node.js 22.22 ou une version ultérieure et rendez `pnpm` disponible. Dans un terminal, exécutez :

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

   La version figée `0.209.2` est celle du paquet npm vérifié pour cette procédure. Le code du dépôt inspecté ci-dessous correspond à un commit distinct ; nous n’avons pas établi que le paquet publié contient exactement ce code.

3. Connectez un modèle avant de demander le diaporama. Pour la méthode OpenAI documentée, ajoutez maintenant `OPENAI_API_KEY` au fichier `.env` côté serveur de l’application générée. Exécutez ensuite `pnpm dev`, ouvrez l’URL locale affichée et choisissez **Continue as local dev** dans Welcome. Le port peut changer si 8080 est occupé. Choisissez le modèle dans **Settings**. Autre possibilité : démarrez l’application et ajoutez un identifiant personnel ou d’organisation via **Custom keys**. Gardez la clé hors des consignes, captures d’écran et variables `VITE_`, qui peuvent être exposées au navigateur. Vérifiez accès et tarifs avant d’envoyer votre source : la licence open source du framework ne couvre pas l’utilisation du modèle.

## Créer et vérifier trois diapositives

4. Cliquez sur **New deck**. Collez votre passage dans la demande à l’agent et exigez exactement trois diapositives fondées uniquement sur ces faits. Précisez leur rôle : sujet, faits essentiels, puis conclusion étayée par la source. Demandez de conserver citations ou attribution si nécessaire. Ces contraintes ne garantissent pas que la génération les respectera.
5. Comptez les diapositives et comparez chaque ligne factuelle au passage d’origine. Supprimez tout ajout non étayé. Vérifiez chiffres, dates, noms et réserves, ainsi que les textes coupés dans la mise en page. Faites-le avant la correction prévue pour distinguer cette modification des autres erreurs.
6. Ouvrez la diapositive concernée et double-cliquez sur le texte. Remplacez uniquement l’élément repéré par la formulation ou valeur exacte préparée. Relisez cette diapositive et les deux autres. Slides propose aussi **Revise with AI** sur une sélection, mais la modification directe limite cette correction et évite une nouvelle requête au modèle.
7. Dans l’éditeur, ouvrez **Export**, puis **Download HTML**. Ouvrez le fichier `.html` téléchargé dans un navigateur. Vérifiez les trois diapositives, la navigation avant et arrière, le texte corrigé et la mise en page par rapport à l’éditeur. Voir la correction dans l’éditeur ne prouve pas sa présence dans le téléchargement. Le HTML documenté est un fichier de consultation autonome avec navigation au clavier, pas un PowerPoint modifiable. Google Slides utilise une autre procédure d’importation PPTX.

Si l’export est désactivé, vérifiez que le diaporama contient des diapositives. En cas d’erreur de dépendance homologue à l’installation, le guide de démarrage conseille `npx clear-npx-cache` avant de réessayer. Pour annuler une modification, le guide des fonctionnalités décrit l’historique et la restauration ; vérifiez le texte restauré avant de réexporter. Ces solutions sont documentées ; ce ne sont pas des pannes que nous avons observées.

## Sources et lectures complémentaires

- [Guide de démarrage](https://www.agent-native.com/docs/) : prérequis Node et pnpm, développement local, choix dans Welcome et dépannage de l’installation.
- [Présentation de Slides](https://www.agent-native.com/docs/template-slides/) : commande de création, **New deck** et génération du diaporama.
- [Fonctionnalités de Slides](https://www.agent-native.com/docs/template-slides-features/) : modification directe du texte, restauration et sortie HTML autonome.
- [Variables d’environnement](https://www.agent-native.com/docs/environment-variables/) : emplacement de la clé OpenAI, **Custom keys**, choix du modèle et variables exposées au navigateur.
- [Source figée du menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) : **Download HTML** et désactivation pour un diaporama vide. Ce commit inspecté ne prouve pas le contenu exact du paquet npm.

## Sources

- [Guide de démarrage](https://www.agent-native.com/docs/) — [Guide de démarrage](https://www.agent-native.com/docs/) : prérequis Node et pnpm, développement local, choix dans Welcome et dépannage de l’installation.
- [Présentation de Slides](https://www.agent-native.com/docs/template-slides/) — [Présentation de Slides](https://www.agent-native.com/docs/template-slides/) : commande de création, **New deck** et génération du diaporama.
- [Fonctionnalités de Slides](https://www.agent-native.com/docs/template-slides-features/) — [Fonctionnalités de Slides](https://www.agent-native.com/docs/template-slides-features/) : modification directe du texte, restauration et sortie HTML autonome.
- [Variables d’environnement](https://www.agent-native.com/docs/environment-variables/) — [Variables d’environnement](https://www.agent-native.com/docs/environment-variables/) : emplacement de la clé OpenAI, **Custom keys**, choix du modèle et variables exposées au navigateur.
- [Source figée du menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Source figée du menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) : **Download HTML** et désactivation pour un diaporama vide. Ce commit inspecté ne prouve pas le contenu exact du paquet npm.