Jak vytvořit AI prezentaci s Windsurf a Vibe Coding

Jako technologický nadšenec, který neustále hledá inovativní nástroje, jsem se nedávno pustil do projektu vytvoření profesionální PowerPoint prezentace pro šestihodinové školení workflowů na FlowHunt.io. Co činilo tuto zkušenost výjimečnou, bylo využití Windsurf s LLM Claude 4 Sonnet k vygenerování 24slajdové prezentace pomocí knihovny pptxgenjs — a to vše jediným promptem a dobře strukturovanou osnovou. Jak se vše podařilo, popisuji níže.

Cíl: Praktická, vizuální školící prezentace

Mým cílem bylo vytvořit poutavou, interaktivní prezentaci pro šestihodinový workshop o platformě FlowHunt.io, zaměřené na stavbu AI workflowů. Prezentace měla:

• Být praktická a vizuální, s krátkými vysvětleními následovanými ukázkami
• Obsahovat příklady z reálné praxe napříč financemi, HR, compliance i projektovým řízením
• Nabídnout interaktivní prvky jako úkoly nebo kvízy každých 30 minut pro upevnění znalostí
• Řídit se strukturovaným formátem dvou bloků, pokrývajících vše od základů workflowů po pokročilé modulární komponenty procesů (MPC)

Pro zajištění přehlednosti jsem nejprve využil Claude 4 Sonnet ke vygenerování detailní osnovy prezentace, rozdělené do dvou tříhodinových bloků s konkrétními tématy a časováním. Tato osnova se stala základem projektu a určovala obsah i strukturu jednotlivých slajdů.

Nástroj: pptxgenjs a Windsurf s Claude 4 Sonnet

Knihovnu pptxgenjs jsem zvolil proto, že jde o výkonný JavaScriptový nástroj pro programovou tvorbu PowerPoint prezentací. Její schopnost tvořit slajdy a přidávat texty, obrázky i formátování prostřednictvím kódu byla pro automatizaci ideální. K realizaci této vize jsem využil Windsurf, poháněný Claude 4 Sonnet, který na základě osnovy vygeneroval potřebný kód i samotnou prezentaci.

Celý proces začal instalací knihovny příkazem:

npm install pptxgenjs

Během několika sekund byla knihovna i její závislosti připraveny a mohl jsem se pustit do tvorby prezentace.

Prompt: Jediný pokyn, jeden komplexní výstup

Po instalaci knihovny jsem pro Claude 4 Sonnet zadal jediný, detailní prompt přes Windsurf. Prompt obsahoval:

• Instalační příkaz pro pptxgenjs
• Kompletní osnovu šestihodinového školení rozdělenou do dvou balíčků slajdů (blok 1 a blok 2)
• Konkrétní požadavky na prezentaci, kladoucí důraz na praktičnost, vizuální prvky a reálné případy použití
• Pokyny ke tvorbě slajdů pro každý modul včetně úvodu, živých ukázek, use casů i závěrečné výzvy

Zde je zjednodušená ukázka struktury promptu:

Nainstaluj npm i pptxgenjs. Vytvoř prezentaci pomocí knihovny pptxgenjs pro šestihodinové školení AI workflowů FlowHunt.io. Drž se této osnovy: [detailní rozpis bloků]. Prezentace musí být praktická, vizuální, obsahovat příklady z praxe (finance, HR, compliance) a každých 30 minut nabídnout interaktivní úkoly. Vytvoř slajdy pro: Welcome, FlowHunt Intro, Workflow Canvas, Live Demo, Tool Connections, Iteration, Use Cases, MPCs, Logika, API, Monitoring, Compliance, Deployment, Final Challenge a Q&A.

Na základě tohoto promptu Claude 4 Sonnet vygeneroval kompletní JavaScriptový soubor (flowhunt-training.js), který pomocí pptxgenjs vytvořil 24slajdovou prezentaci. Skript zvládl vše od rozložení slajdů až po jednotný branding v barvách FlowHunt.

Proces: Od kódu ke slajdům

Spuštění generovaného skriptu bylo velmi jednoduché. Stačilo zadat:

node flowhunt-training.js

Skript proběhl hladce, pouze s několika varováními ohledně neplatných barevných kódů (“70AD4720 není platná schéma barva nebo hex RGB! ‘000000’ použito místo toho”). Šlo však jen o drobnosti, které neměly vliv na výstup, protože knihovna defaultně použila černou. Během chvíle vznikl soubor FlowHunt-AI-Workflows-Training.pptx s 24 profesionálně naformátovanými slajdy.

Výsledná prezentace byla ukázkou automatizace:

Blok 1 (10 slajdů): Zahrnul základy FlowHunt.io, živou ukázku sestavení workflowu, propojení nástrojů (CSV, Google Sheets), tipy pro iteraci a use casy pro finance (validace rozpočtu) a HR (automatizovaný onboarding bot). Představil také MPCs pomocí jednoduché LEGO metafory.

Blok 2 (8 slajdů): Zaměřil se na pokročilá témata včetně tvorby MPC, podmíněné logiky, API integrací (Google Search, CRM, Slack), governance, compliance botů a nasazení. Závěrem byla slajd s finální výzvou ve stylu mini-hackathonu.

Doplňkové slajdy: Obsahovaly welcome, agendu, přestávku, Q&A a poděkování, čímž byla prezentace plynulá a ucelená.

Slajdy měly jednotný branding, přehledné titulky a vizuální prvky se zástupci pro GIFy či videa. Interaktivní prvky – například instrukce pro živé demo krok za krokem nebo skupinové výzvy – byly plynule začleněny.

Výsledek: Prezentace připravená k použití

Konečný výstup byl PowerPoint soubor o velikosti 239 KB, připravený k otevření v jakémkoliv kompatibilním programu. Kromě samotné prezentace Claude 4 Sonnet vygeneroval ještě README.md dokumentující projekt, včetně instrukcí k použití i shrnutí prezentace. Výsledkem byla profesionální, interaktivní a vizuálně atraktivní prezentace, která dokonale splnila mé požadavky.

Reflexe: Síla AI řízeného vývoje

Tato zkušenost ukázala pozoruhodnou sílu AI nástrojů jako Windsurf a Claude 4 Sonnet. Jediným promptem jsem proměnil obecnou osnovu ve finální 24slajdovou prezentaci, včetně formátování, brandingu i interaktivity. Knihovna pptxgenjs byla skvělou volbou a schopnost Claude porozumět mým požadavkům a vygenerovat funkční kód byla ohromující.

Nejvíce mě překvapila efektivita. Ruční psaní tohoto kódu by trvalo hodiny, ne-li dny – zejména pokud bych chtěl zajistit konzistentní formátování napříč 24 slajdy. Claude to zvládl během pár vteřin a výstup byl modulární a snadno upravitelný. Drobné varování ohledně barevných kódů bylo snadno odstranitelné korekcí hex hodnot ve skriptu.

Další kroky

S výsledkem jsem nadšený a plánuju prezentaci využít při svém školení FlowHunt.io. Do budoucna bych ji mohl vylepšit například takto:

• Přidat vlastní obrázky nebo GIFy na slajdy (skript obsahuje zástupce)
• Doladit barevné schéma kvůli odstranění varování
• Rozšířit interaktivní výzvy o podrobnější instrukce

Tento projekt mě inspiroval k dalšímu zkoumání AI automatizace pro tvorbu obsahu. Pokud chcete vytvářet prezentace rychle a efektivně, vřele doporučuji kombinaci pptxgenjs s AI nástrojem jako Claude 4 Sonnet přes Windsurf – je to opravdový game-changer!