ai:aplikace:pro-prezentovani

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
ai:aplikace:pro-prezentovani [08.03.2026 07:03] – [Gamma.app] Petr Nosekai:aplikace:pro-prezentovani [21.04.2026 15:27] (aktuální) – Doplněna sekce o HTML prezentacích a prompt pro AI Petr Nosek
Řádek 16: Řádek 16:
  
 Nepříjemné je, pokud člověk potřebuje pouze jednorázovou prezentaci. Pak nedává úplně smysl měsíční platba.  Nepříjemné je, pokud člověk potřebuje pouze jednorázovou prezentaci. Pak nedává úplně smysl měsíční platba. 
 +
 +===== HTML jako slide deck =====
 +
 +Jedna z cest, jak s AI vytvářet prezentace, je nechat si vygenerovat samostatný HTML soubor, který funguje jako slide deck. Tady je prompt pro desetistránkovou horizontálně posuvnou prezentaci ve stylu editoriálního magazínu inspirovaný příspěvkem [[https://x.com/jasondoesstuff/status/2043677339192586480?s=20|Jason Does Stuff na X]].
 +
 +Prompt cílí na vytvoření jediné HTML stránky, která se chová jako prezentace:
 +
 +  * má 10 obrazovek
 +  * používá horizontální scroll-snap
 +  * zabírá vždy celý viewport
 +  * střídá různé barevné nálady a layouty
 +  * počítá s výraznou typografií a velkými čísly jako vizuální kotvou
 +
 +Prompt je šablona. Stačí doplnit značku, URL, barvy, fonty a text o produktu.
 +
 +<code>
 +Create a 10-page horizontal-swipe editorial magazine as a single HTML file.
 +
 +My brand: [PRODUCT NAME], [URL], primary color [HEX/HSL], heading font [GOOGLE FONT], body font [GOOGLE FONT]
 +Pages: Cover, Problem, Solution (steps), Features, Audience, Competition, Origin Story, Launch/Traction, Tech, Back Cover
 +About my product: [PASTE WHATEVER YOU HAVE: pitch deck text, landing page copy, about page, notes, bullet points. The more the better but anything works.]
 +Design rules (non-negotiable):
 +
 +100vw x 100vh pages, horizontal scroll-snap, no vertical scrolling
 +Full-bleed edge-to-edge layouts only. No padded cards floating on backgrounds
 +Split layouts (left/right color blocking), viewport-filling grids, 2x2 quadrants
 +Key stats rendered at 100px+ font size as visual anchors
 +Dark panels on 3+ pages for contrast. Cover and back cover are dark
 +Each page a different background tint. Nav dots at bottom. Arrow key support
 +</code>
 +
 +===== Zdroje =====
 +
 +  * [[https://gamma.app|Gamma.app]]
 +  * [[https://gamma.app/signup?r=f7ecxovnqmrgh6s|Gamma.app referral odkaz]]
 +  * [[https://designer.microsoft.com/|Designer]]
 +  * [[https://tome.app|Tome.app]]
 +  * [[https://x.com/jasondoesstuff/status/2043677339192586480?s=20|Jason Does Stuff na X]]
 +
  • ai/aplikace/pro-prezentovani.1772949831.txt.gz
  • Poslední úprava: 08.03.2026 07:03
  • autor: Petr Nosek