Prompt pro tvorbu AI prezentace v HTML

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 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.

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

• [PRODUCT NAME] – název produktu
• [URL] – cílová webová adresa
• primary color – hlavní barva značky
• heading font a body font – fonty z Google Fonts
• blok About my product – cokoliv použitelného: pitch deck, text z landing page, poznámky, bullet pointy nebo vlastní poznámky

Zadání je poměrně striktní a už v promptu říká, jak má výstup vypadat:

• každá stránka má mít rozměr 100vw × 100vh
• celé řešení má být bez vertikálního scrollování
• layout má být full-bleed, bez karet plovoucích na pozadí
• mají se používat split layouty, celoobrazovkové gridy a 2×2 kvadranty
• klíčové statistiky mají být sázené ve velikosti 100px+
• minimálně 3 stránky mají mít tmavý panel a titulní i závěrečná stránka mají být tmavé
• každá stránka má mít jiný barevný tint
• součástí mají být navigační tečky dole a podpora ovládání šipkami

• Jason Does Stuff na X