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

# Buat, koreksi, dan ekspor presentasi AI lokal

> Siapkan Agent-Native Slides secara lokal, buat tiga slide dari fakta Anda, koreksi satu hal secara tepat, lalu periksa HTML yang diunduh.

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.

Dokumentasi Agent-Native Slides menjelaskan pembuatan presentasi yang dapat diedit dari perintah, lalu ekspor HTML mandiri. Panduan ini untuk pembaca yang terbiasa dengan Node dan terminal. Gunakan teks faktual sendiri untuk tiga slide, koreksi satu hal tertentu, lalu periksa unduhan. Dasarnya dokumentasi dan kode sumber yang diperiksa; kami tidak menjalankan aplikasi atau menguji ekspor.

## Perubahan besar

- **Apa yang berubah:** Presentasi hasil generasi dapat diedit sebagai slide dan diunduh sebagai satu berkas HTML untuk dilihat.
- **Mengapa penting:** Perbandingan dengan sumber dan koreksi tepat mempertahankan tanggung jawab pembaca atas fakta. Pemeriksaan penentu ada di berkas ekspor.
- **Yang perlu diperhatikan:** Hosting lokal berlaku untuk aplikasi; koneksi model menentukan lokasi pemrosesan perintah dan kemungkinan biaya. Harga tetap per presentasi maupun kesamaan penuh paket dengan commit belum ditetapkan.

## Siapkan sumber dan aplikasi lokal

1. Tulis kutipan sumber singkat yang dapat diverifikasi. Simpan atribusi, angka tepat, dan tanggalnya. Tandai satu kalimat atau angka yang akan dikoreksi setelah generasi dan tulis pengganti tepatnya. Gunakan materi yang diizinkan untuk dikirim ke penyedia model pilihan. Server pengembangan lokal tidak menjadikan panggilan model cloud bersifat lokal.
2. Pasang Node.js 22.22 atau lebih baru dan sediakan `pnpm`. Jalankan di terminal:

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

   Versi tetap `0.209.2` adalah paket npm yang diperiksa untuk prosedur ini. Kode repositori di bawah berasal dari commit terpisah; kami belum memastikan paket terbitan berisi persis kode tersebut.

3. Hubungkan model sebelum meminta presentasi. Untuk jalur OpenAI yang didokumentasikan, tambahkan `OPENAI_API_KEY` sekarang ke `.env` sisi server aplikasi yang dibuat. Jalankan `pnpm dev`, buka URL lokal yang ditampilkan, lalu pilih **Continue as local dev** pada Welcome. Port dapat berubah bila 8080 dipakai. Pilih model di **Settings**. Alternatifnya, mulai aplikasi dan tambahkan kredensial pribadi atau organisasi melalui **Custom keys**. Jangan masukkan kunci ke perintah, tangkapan layar, atau variabel `VITE_` yang dapat terlihat dalam kode browser. Periksa akses dan harga sebelum mengirim sumber; lisensi sumber terbuka framework tidak mencakup penggunaan model.

## Buat dan periksa tiga slide

4. Klik **New deck**. Tempel sumber ke permintaan agen dan minta tepat tiga slide hanya dari fakta tersebut. Tentukan tujuan masing-masing: topik, fakta utama, dan kesimpulan yang didukung sumber. Minta kutipan atau atribusi dipertahankan bila perlu. Batasan ini tidak menjamin generasi mematuhinya.
5. Hitung slide dan cocokkan setiap baris faktual dengan sumber asli. Hapus yang tidak didukung. Periksa angka, tanggal, nama, kualifikasi, dan teks terpotong pada tata letak. Lakukan sebelum koreksi yang direncanakan agar perubahan itu dapat dibedakan dari kesalahan lain.
6. Buka slide dengan bagian bertanda dan klik dua kali teksnya. Ganti hanya bagian itu dengan kata atau nilai tepat yang disiapkan. Baca ulang slide tersebut dan dua lainnya. Ada **Revise with AI** untuk teks terpilih, tetapi edit langsung membatasi koreksi dan menghindari permintaan model tambahan.
7. Di editor, buka **Export** lalu **Download HTML**. Buka `.html` unduhan di browser. Periksa tiga slide, navigasi maju-mundur, teks terkoreksi, dan tata letak masing-masing dibanding editor. Koreksi terlihat di editor belum membuktikan masuk ke unduhan. HTML yang didokumentasikan adalah berkas tampilan mandiri dengan navigasi papan ketik, bukan PowerPoint yang dapat diedit. Google Slides memakai jalur impor PPTX terpisah.

Jika ekspor dinonaktifkan, pastikan ada slide. Untuk kesalahan dependensi sejawat saat pemasangan, panduan awal menyarankan `npx clear-npx-cache` sebelum mencoba lagi. Untuk edit yang tidak diinginkan, lihat riwayat versi dan pemulihan; periksa teks yang dipulihkan sebelum mengekspor lagi. Ini langkah pemulihan terdokumentasi, bukan kegagalan yang kami amati.

## Sumber dan bacaan lanjutan

- [Panduan awal](https://www.agent-native.com/docs/): syarat Node/pnpm, pengembangan lokal, pilihan Welcome, dan pemulihan penyiapan.
- [Ikhtisar Slides](https://www.agent-native.com/docs/template-slides/): perintah pembuatan, **New deck**, dan generasi presentasi.
- [Fitur Slides](https://www.agent-native.com/docs/template-slides-features/): edit teks langsung, pemulihan versi, dan HTML mandiri.
- [Variabel lingkungan](https://www.agent-native.com/docs/environment-variables/): letak kunci OpenAI, **Custom keys**, pemilihan model, dan variabel yang terlihat di browser.
- [Sumber tetap menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** serta penonaktifan untuk presentasi kosong. Commit yang diperiksa bukan bukti isi persis paket npm.

## Sources

- [Panduan awal](https://www.agent-native.com/docs/) — [Panduan awal](https://www.agent-native.com/docs/): syarat Node/pnpm, pengembangan lokal, pilihan Welcome, dan pemulihan penyiapan.
- [Ikhtisar Slides](https://www.agent-native.com/docs/template-slides/) — [Ikhtisar Slides](https://www.agent-native.com/docs/template-slides/): perintah pembuatan, **New deck**, dan generasi presentasi.
- [Fitur Slides](https://www.agent-native.com/docs/template-slides-features/) — [Fitur Slides](https://www.agent-native.com/docs/template-slides-features/): edit teks langsung, pemulihan versi, dan HTML mandiri.
- [Variabel lingkungan](https://www.agent-native.com/docs/environment-variables/) — [Variabel lingkungan](https://www.agent-native.com/docs/environment-variables/): letak kunci OpenAI, **Custom keys**, pemilihan model, dan variabel yang terlihat di browser.
- [Sumber tetap menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx) — [Sumber tetap menu Export](https://github.com/BuilderIO/agent-native/blob/8e8419361fb415682cdf0e0e68538671dbb6aed3/templates/slides/app/components/editor/ExportMenu.tsx): **Download HTML** serta penonaktifan untuk presentasi kosong. Commit yang diperiksa bukan bukti isi persis paket npm.