Vytvořeno: 1.8.2026 | Aktualizováno: 01.08.2026 11:31
Open Slide je open-source framework pro tvorbu prezentací jako React komponent. Prezentaci může vytvořit nebo upravovat AI coding agent z instrukcí v přirozeném jazyce; framework zajišťuje vykreslení, navigaci, režim prezentování a export.
Každý slide je libovolná React komponenta. Prezentace má pevné plátno 1920 × 1080 px, které runtime rovnoměrně přizpůsobí velikosti aktuálního viewportu. Zdroj jednotlivého decku je uložený v slides/<id>/index.tsx; výchozí export obsahuje pole komponent, přičemž jedna komponenta představuje jednu stránku prezentace.
Nový workspace se vytváří přes CLI:
npx @open-slide/cli init moje-prezentace cd moje-prezentace pnpm dev
CLI scaffold obsahuje instrukce pro coding agenty. Skill /create-slide připraví deck z popisu a /slide-authoring poskytuje agentovi pravidla pro práci s plátnem, typografií a rozvržením. Projekt podporuje agenty, kteří umí upravovat React zdrojový kód, například Claude Code, Codex, Cursor nebo OpenCode.
V prohlížeči lze vybrat prvek slidu a přidat k němu komentář. Komentář se uloží do zdroje jako značka @slide-comment; příkaz /apply-comments pak slouží k tomu, aby agent vyřešil označené připomínky a značky odstranil.
Open Slide obsahuje správu obrázků, videí a fontů pro jednotlivé decky. V asset panelu lze také vyhledat a přidat SVG logo z katalogu svgl.
Režim prezentování nabízí fullscreen přehrávání, klávesovou navigaci a pohled pro prezentátora s aktuálním i následujícím slidem, poznámkami a časovačem. Hotový deck lze exportovat jako statické HTML nebo PDF; statický výstup je možné nasadit na běžný static hosting.
Hodí se pro technické prezentace, produktové roadmapy, workshopy a dema, kde je důležitý vlastní vzhled a rychlé iterace s AI agentem. Výhodou je, že výsledný deck zůstává ve zdrojovém kódu a lze ho verzovat nebo automatizovat stejně jako běžný webový projekt.
Dokumentace uvádí export do HTML a PDF, nikoli tvorbu souboru PPTX. Pokud je nutné předat editovatelnou prezentaci pro Microsoft PowerPoint, je potřeba zvolit jiný nástroj nebo doplnit samostatný exportní workflow.
Pro první vytvoření decku není nutná ruční znalost Reactu, pokud zdroj připravuje agent. Při složitějších ručních úpravách je ale nutné počítat s tím, že slidy jsou React zdrojový kód.