ai:zapisy-a-workflow:workflow:prompt-pro-prezentace-v-html

Rozdíly

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

Odkaz na výstup diff

ai:zapisy-a-workflow:workflow:prompt-pro-prezentace-v-html [2026/04/21 13:19] – Přidán prompt pro tvorbu AI prezentace v HTML Petr Nosekai:zapisy-a-workflow:workflow:prompt-pro-prezentace-v-html [2026/04/21 13:27] (aktuální) – Stránka změněna na odkaz na kanonické umístění Petr Nosek
Řádek 1: Řádek 1:
 ====== Prompt pro tvorbu AI prezentace v HTML ====== ====== 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 [[https://x.com/jasondoesstuff/status/2043677339192586480?s=20|Jason Does Stuff na X]]. +Téma je nově na kanonické stránce [[ai:aplikace:pro-prezentovani|Umělá inteligence pro prezentování]]. Samotný prompt i kontext k použití jsou přesunuté tam, aby nebyly ve wiki duplicitně.
- +
-===== O co jde ===== +
- +
-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. +
- +
-===== Prompt ===== +
- +
-<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> +
- +
-===== Co je potřeba doplnit ===== +
- +
-  * ''[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 +
- +
-===== Co prompt vynucuje ===== +
- +
-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 +
- +
-===== Zdroje ===== +
- +
-  * [[https://x.com/jasondoesstuff/status/2043677339192586480?s=20|Jason Does Stuff na X]]+
  
  • ai/zapisy-a-workflow/workflow/prompt-pro-prezentace-v-html.txt
  • Poslední úprava: 2026/04/21 13:27
  • autor: Petr Nosek