Версия Markdown

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

# Создайте, исправьте и экспортируйте локальную ИИ-презентацию

> Настройте Agent-Native Slides локально, создайте три слайда из собственного фактического текста, исправьте один пункт и проверьте скачанный HTML.

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 описывает создание редактируемой презентации по запросу и экспорт в автономный HTML. Руководство рассчитано на читателей, знакомых с Node и терминалом. Вы создадите три слайда из собственного текста, исправите указанный пункт и проверите скачанный файл. Основа — документация и изученный исходный код; мы не запускали приложение и не тестировали экспорт.

## Главное изменение

- **Что изменилось:** Созданную презентацию можно редактировать как слайды и скачать единым HTML-файлом для просмотра.
- **Почему это важно:** Сверка с источником и точное исправление сохраняют ответственность читателя за факты. Решающее значение имеет проверка экспортированного файла.
- **На что смотреть:** Локально размещается приложение; место обработки запросов и возможная плата зависят от подключения модели. Фиксированная цена за презентацию и полное совпадение пакета с коммитом здесь не установлены.

## Подготовьте источник и локальное приложение

1. Напишите короткий проверяемый исходный текст. Сохраните указание авторства, точные цифры и даты. Отметьте предложение или число для исправления после генерации и запишите точную замену. Используйте материал, который разрешено отправлять выбранному поставщику модели. Локальный сервер разработки не делает вызов облачной модели локальным.
2. Установите Node.js 22.22 или новее и обеспечьте доступность `pnpm`. Выполните в терминале:

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

   Зафиксированная версия `0.209.2` — проверенный для этой инструкции пакет npm. Изученный ниже код репозитория относится к отдельному коммиту; точное совпадение с опубликованным пакетом не установлено.

3. Подключите модель до запроса презентации. Для документированного варианта OpenAI сейчас добавьте `OPENAI_API_KEY` в серверный `.env` созданного приложения. Затем запустите `pnpm dev`, откройте выведенный локальный URL и выберите **Continue as local dev** в Welcome. Если 8080 занят, порт может измениться. Выберите модель в **Settings**. Другой вариант: после запуска добавьте личные или организационные учётные данные через **Custom keys**. Не помещайте ключ в запросы, снимки экрана или переменные `VITE_`, доступные браузерному коду. Перед отправкой источника проверьте доступ и тарифы поставщика: открытая лицензия фреймворка не покрывает использование модели.

## Создайте и проверьте три слайда

4. Нажмите **New deck**. Вставьте источник в запрос агенту и попросите ровно три слайда только по этим фактам. Укажите назначение каждого: тема, основные факты, подтверждённый источником вывод. При необходимости попросите сохранить цитаты и указание авторства. Такие ограничения не гарантируют соблюдения при генерации.
5. Посчитайте слайды и сверьте каждую фактическую строку с оригиналом. Удалите неподтверждённое. Проверьте цифры, даты, имена, оговорки и обрезанный текст в макете. Сделайте это до запланированного исправления, чтобы отличить его от других ошибок.
6. Откройте слайд с отмеченным пунктом и дважды щёлкните текст. Замените только этот пункт подготовленной точной формулировкой или значением. Перечитайте его и два других слайда. Для выделенного текста есть **Revise with AI**, но прямое редактирование ограничивает исправление и позволяет избежать ещё одного запроса модели.
7. Откройте **Export** в редакторе и выберите **Download HTML**. Откройте скачанный `.html` в браузере. Проверьте три слайда, переходы вперёд и назад, исправленный текст и макет каждого слайда относительно редактора. Исправление в редакторе не доказывает, что оно попало в скачанный файл. Документированный HTML — автономный файл просмотра с управлением клавиатурой, а не редактируемый PowerPoint. Google Slides использует отдельный импорт PPTX.

Если экспорт недоступен, проверьте наличие слайдов. При ошибке одноранговых зависимостей во время установки вводное руководство предлагает `npx clear-npx-cache` перед повтором. Для нежелательной правки документация описывает историю версий и восстановление; проверьте восстановленный текст перед новым экспортом. Это документированные решения, а не наблюдавшиеся нами сбои.

## Источники и дополнительное чтение

- [Вводное руководство](https://www.agent-native.com/docs/): требования Node/pnpm, локальная разработка, выбор в Welcome и восстановление настройки.
- [Обзор Slides](https://www.agent-native.com/docs/template-slides/): команда создания, **New deck** и генерация.
- [Возможности Slides](https://www.agent-native.com/docs/template-slides-features/): прямое редактирование, восстановление версий и автономный HTML.
- [Переменные окружения](https://www.agent-native.com/docs/environment-variables/): ключ OpenAI, **Custom keys**, выбор модели и переменные, доступные браузеру.
- [Зафиксированный исходник меню Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** и отключение для пустой презентации. Изученный коммит не доказывает точный состав пакета npm.

## Sources

- [Вводное руководство](https://www.agent-native.com/docs/) — [Вводное руководство](https://www.agent-native.com/docs/): требования Node/pnpm, локальная разработка, выбор в Welcome и восстановление настройки.
- [Обзор Slides](https://www.agent-native.com/docs/template-slides/) — [Обзор Slides](https://www.agent-native.com/docs/template-slides/): команда создания, **New deck** и генерация.
- [Возможности Slides](https://www.agent-native.com/docs/template-slides-features/) — [Возможности Slides](https://www.agent-native.com/docs/template-slides-features/): прямое редактирование, восстановление версий и автономный HTML.
- [Переменные окружения](https://www.agent-native.com/docs/environment-variables/) — [Переменные окружения](https://www.agent-native.com/docs/environment-variables/): ключ OpenAI, **Custom keys**, выбор модели и переменные, доступные браузеру.
- [Зафиксированный исходник меню Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Зафиксированный исходник меню Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** и отключение для пустой презентации. Изученный коммит не доказывает точный состав пакета npm.