HINDI TUMITIGIL ANG MUNDO.RSS
BIG CHANGE.

Markdown edition

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

# Gumawa, magwasto at mag-export ng lokal na AI slide deck

> I-set up nang lokal ang Agent-Native Slides, gumawa ng tatlong slide mula sa sariling makatotohanang teksto, iwasto ang isang detalye at suriin ang na-download na 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.

Inilalarawan ng dokumentasyon ng Agent-Native Slides ang paggawa ng nae-edit na deck mula sa prompt at pag-export nito bilang hiwalay na HTML. Para ito sa marunong gumamit ng Node at terminal. Gagamitin mo ang sariling makatotohanang teksto para sa tatlong slide, itatama ang isang tinukoy na detalye at susuriin ang download. Dokumentasyon at sinuring source code ang batayan; hindi namin pinatakbo ang app o sinubukan ang export.

## Ang malaking pagbabago

- **Ano ang nagbago:** Maaaring i-edit bilang mga slide ang nabuong deck at i-download sa isang HTML file para tingnan.
- **Bakit mahalaga:** Ang paghahambing sa pinagmulan at isang eksaktong pagwawasto ay nagpapanatili sa pananagutan mo sa mga katotohanan. Ang mahalagang pagsusuri ay nasa exported file.
- **Ano ang dapat bantayan:** Ang app ang lokal na naka-host; nakadepende sa koneksiyon sa modelo kung saan pinoproseso ang prompt at anong bayad ang maaaring singilin. Walang natiyak na nakapirming presyo bawat deck o eksaktong pagtutugma ng package at commit.

## Ihanda ang pinagmulan at lokal na app

1. Sumulat ng maikling tekstong mabeberipika. Itabi ang pagkilala sa pinagmulan, eksaktong bilang at mga petsa. Markahan ang isang pangungusap o bilang na itatama pagkatapos ng pagbuo at isulat ang eksaktong kapalit. Gumamit lamang ng materyal na may pahintulot kang ipadala sa napiling provider. Hindi ginagawang lokal ng lokal na development server ang tawag sa cloud model.
2. Mag-install ng Node.js 22.22 o mas bago at tiyaking magagamit ang `pnpm`. Patakbuhin sa terminal:

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

   Ang nakapirming `0.209.2` ang bersiyon ng npm package na sinuri para sa gabay. Ibang commit ang sinuring code ng repository sa ibaba; hindi natiyak na eksaktong iyon ang laman ng inilabas na package.

3. Ikonekta ang modelo bago ipagawa ang deck. Sa dokumentadong paraan para sa OpenAI, ilagay ngayon ang `OPENAI_API_KEY` sa server-side `.env` ng nabuong app. Patakbuhin ang `pnpm dev`, buksan ang ipinakitang lokal na URL at piliin ang **Continue as local dev** sa Welcome. Maaaring magbago ang port kung okupado ang 8080. Piliin ang modelo sa **Settings**. Maaari ring simulan ang app at gumamit ng **Custom keys** para sa personal o pang-organisasyong kredensiyal. Huwag ilagay ang susi sa prompt, screenshot o `VITE_` variables na maaaring lumitaw sa browser code. Suriin ang access at presyo ng provider bago ipadala ang teksto; hindi sakop ng open-source license ng framework ang paggamit ng modelo.

## Gumawa at suriin ang tatlong slide

4. I-click ang **New deck**. Idikit ang teksto sa kahilingan sa agent at humiling ng eksaktong tatlong slide gamit lamang ang mga katotohanang iyon. Tukuyin ang layunin ng bawat isa: paksa, mahahalagang katotohanan at konklusyong suportado ng pinagmulan. Ipagpanatili ang sipi o pagkilala kung kailangan. Mga tagubilin ito, hindi garantiya na susundin ng pagbuo.
5. Bilangin ang mga slide at ihambing ang bawat makatotohanang linya sa orihinal. Alisin ang walang suporta. Suriin ang bilang, petsa, pangalan, mga kondisyon at napuputol na teksto sa layout. Gawin ito bago ang planong pagwawasto upang maihiwalay ang pagbabagong iyon sa ibang pagkakamali.
6. Buksan ang slide na may minarkahang detalye at i-double-click ang teksto. Iyon lamang ang palitan ng eksaktong salita o halagang inihanda. Basahing muli ang slide at ang dalawa pa. May **Revise with AI** din para sa napiling teksto, ngunit nililimitahan ng direktang pag-edit ang pagwawasto at iniiwasan ang isa pang model request.
7. Sa editor, buksan ang **Export** at piliin ang **Download HTML**. Buksan sa browser ang na-download na `.html`. Tiyaking tatlo ang slide, gumagana ang pasulong at paatras, naroon ang pagwawasto at tugma sa editor ang layout ng bawat isa. Ang pagkakita sa pagwawasto sa editor ay hindi patunay na kasama ito sa download. Ang dokumentadong HTML ay hiwalay na viewing file na may keyboard navigation, hindi nae-edit na PowerPoint. Hiwalay na PPTX import ang gamit ng Google Slides.

Kung hindi aktibo ang export, tingnan kung may mga slide ang deck. Kung may peer dependency error sa pag-install, mungkahi ng panimulang gabay ang `npx clear-npx-cache` bago ulitin. Para sa hindi gustong edit, gamitin ang dokumentadong version history at restore; suriin ang naibalik na teksto bago muling mag-export. Dokumentadong pagbangon ang mga ito, hindi mga problemang aktuwal naming naranasan.

## Mga sanggunian at karagdagang babasahin

- [Panimulang gabay](https://www.agent-native.com/docs/): Node/pnpm, lokal na development, pagpili sa Welcome at pag-ayos ng setup.
- [Pangkalahatang gabay sa Slides](https://www.agent-native.com/docs/template-slides/): scaffold command, **New deck** at pagbuo ng deck.
- [Mga tampok ng Slides](https://www.agent-native.com/docs/template-slides-features/): direktang pag-edit, pagpapanumbalik ng bersiyon at hiwalay na HTML.
- [Mga environment variable](https://www.agent-native.com/docs/environment-variables/): lokasyon ng OpenAI key, **Custom keys**, pagpili ng modelo at variables na maaaring makita sa browser.
- [Nakapirming source ng Export menu](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** at hindi aktibong kontrol sa walang-lamang deck. Hindi patunay ang commit na ito ng eksaktong laman ng npm package.

## Sources

- [Panimulang gabay](https://www.agent-native.com/docs/) — [Panimulang gabay](https://www.agent-native.com/docs/): Node/pnpm, lokal na development, pagpili sa Welcome at pag-ayos ng setup.
- [Pangkalahatang gabay sa Slides](https://www.agent-native.com/docs/template-slides/) — [Pangkalahatang gabay sa Slides](https://www.agent-native.com/docs/template-slides/): scaffold command, **New deck** at pagbuo ng deck.
- [Mga tampok ng Slides](https://www.agent-native.com/docs/template-slides-features/) — [Mga tampok ng Slides](https://www.agent-native.com/docs/template-slides-features/): direktang pag-edit, pagpapanumbalik ng bersiyon at hiwalay na HTML.
- [Mga environment variable](https://www.agent-native.com/docs/environment-variables/) — [Mga environment variable](https://www.agent-native.com/docs/environment-variables/): lokasyon ng OpenAI key, **Custom keys**, pagpili ng modelo at variables na maaaring makita sa browser.
- [Nakapirming source ng Export menu](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Nakapirming source ng Export menu](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** at hindi aktibong kontrol sa walang-lamang deck. Hindi patunay ang commit na ito ng eksaktong laman ng npm package.