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

# உள்ளூர் AI படவில்லைகளை உருவாக்கி, திருத்தி, ஏற்றுமதி செய்யுங்கள்

> 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 திறந்து Welcome-இல் **Continue as local dev** தேர்ந்தெடுக்கவும். 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 தொகுப்பின் துல்லிய உள்ளடக்கத்திற்குச் சான்றல்ல.