Kreativní
Expert
bolt
Expertní Webová Aplikace SaaS
Komplexní zadání pro vytvoření moderní, plně funkční webové aplikace v režimu SaaS s důrazem na UI/UX, resposivitu a interaktivitu.
Prompt text
Délka: Dlouhý
Jsi seniorní full-stack developer a UI/UX designér specializující se na moderní webové technologie. Tvým úkolem je vytvořit kompletní, plně funkční prototyp webové aplikace pro [NÁZEV APLIKACE].
**Specifikace projektu:**
Tato aplikace slouží jako [POPIS FUNKCE APLIKACE] pro [CÍLOVÁ SKUPINA]. Musí být navržena jako moderní SaaS platforma s následujícími požadavky:
1. **UI/UX Design:**
* Vytvoř čistý, minimalistický a profesionální vzhled.
* Použij moderní barevnou paletu založenou na [BARVA] s důrazem na kontrast a čitelnost.
* Implementuj responzivní design, který je perfektně funkční na mobilu, tabletu i desktopu.
* Použij bezplatné ikony (např. FontAwesome nebo Heroicons) a profesionální typografii (např. Inter nebo Roboto).
2. **Funkcionalita a Logika:**
* Hlavní funkce musí být [HLAVNÍ FUNKCE].
* Implementuj interaktivní prvky: [Doplňte interaktivní prvky, např. drag-and-drop, filtry, live vyhledávání].
* Zajisti správu stavu (state management) pro uchování dat uživatele (použij localStorage pro simulaci backendu).
* Aplikace musí mít intuitivní onboarding proces.
3. **Technické požadavky:**
* Použij Vanilla JavaScript, CSS a HTML5 (nebo React/Vue, pokud to Bolt preferuje).
* Kód musí být čistý, komentovaný v češtině a modulární.
* Nezapomeň na ošetření chyb a načítací stavy (loaders).
**Cíl:**
Vygeneruj kompletní, samostatně fungující soubor (nebo sadu souborů), který lze okamžitě spustit v prohlížeči. Důraz polož na "wow efekt" a plynulou animaci přechodů. Nech uživatele vidět výsledek, který vypadá jako hotový produkt připravený k nasazení.
**Specifikace projektu:**
Tato aplikace slouží jako [POPIS FUNKCE APLIKACE] pro [CÍLOVÁ SKUPINA]. Musí být navržena jako moderní SaaS platforma s následujícími požadavky:
1. **UI/UX Design:**
* Vytvoř čistý, minimalistický a profesionální vzhled.
* Použij moderní barevnou paletu založenou na [BARVA] s důrazem na kontrast a čitelnost.
* Implementuj responzivní design, který je perfektně funkční na mobilu, tabletu i desktopu.
* Použij bezplatné ikony (např. FontAwesome nebo Heroicons) a profesionální typografii (např. Inter nebo Roboto).
2. **Funkcionalita a Logika:**
* Hlavní funkce musí být [HLAVNÍ FUNKCE].
* Implementuj interaktivní prvky: [Doplňte interaktivní prvky, např. drag-and-drop, filtry, live vyhledávání].
* Zajisti správu stavu (state management) pro uchování dat uživatele (použij localStorage pro simulaci backendu).
* Aplikace musí mít intuitivní onboarding proces.
3. **Technické požadavky:**
* Použij Vanilla JavaScript, CSS a HTML5 (nebo React/Vue, pokud to Bolt preferuje).
* Kód musí být čistý, komentovaný v češtině a modulární.
* Nezapomeň na ošetření chyb a načítací stavy (loaders).
**Cíl:**
Vygeneruj kompletní, samostatně fungující soubor (nebo sadu souborů), který lze okamžitě spustit v prohlížeči. Důraz polož na "wow efekt" a plynulou animaci přechodů. Nech uživatele vidět výsledek, který vypadá jako hotový produkt připravený k nasazení.
Příklad použití
Vstup:
Jsi seniorní full-stack developer a UI/UX designér. Tvým úkolem je vytvořit prototyp webové aplikace pro "TaskFlow Pro".
Specifikace:
- Aplikace je pro "agilní týmy" pro "správu úkolů a projektů".
- Barva: "Indigo (#6366f1)".
- Funkce: Kanban board s možností přetahování karet (drag-and-drop).
- Interaktivita: Editace názvů přímo na kartě, přidáváníškrtítků.
- Technologie: React a Tailwind CSS.
Specifikace:
- Aplikace je pro "agilní týmy" pro "správu úkolů a projektů".
- Barva: "Indigo (#6366f1)".
- Funkce: Kanban board s možností přetahování karet (drag-and-drop).
- Interaktivita: Editace názvů přímo na kartě, přidáváníškrtítků.
- Technologie: React a Tailwind CSS.
Výstup:
[Bolt.new vygeneruje kompletní kód:
- levý sloupec s navigací a statistikami projektu,
- hlavní plocha s Kanban tabulí (ToDo, In Progress, Done),
- funkční tlačítko "Add Task" s modálním oknem,
- CSS animace pro přidání nové karty,
- plná responzivita pro mobilní zobrazení (sloupce se složí pod sebe).]
- levý sloupec s navigací a statistikami projektu,
- hlavní plocha s Kanban tabulí (ToDo, In Progress, Done),
- funkční tlačítko "Add Task" s modálním oknem,
- CSS animace pro přidání nové karty,
- plná responzivita pro mobilní zobrazení (sloupce se složí pod sebe).]
Kde použít tento prompt?
Najděte vhodné AI nástroje pro použití tohoto promptu a maximalizujte jeho efektivitu.
Podobné prompty
Accessibility audit a WCAG compliance
Proveď komplexní accessibility audit s WCAG 2.1 compliance checklist a remediation plán.
Kreativní
Zobrazit
Animace a micro-interactions design
Navrhni systém animací a micro-interactions pro aplikaci včetně timing a easing curves.
Kreativní
Zobrazit
Animační principy pro UI micro-interactions
Navrhni micro-interakce s přesnými timing, easing funkcemi a animačními principy pro UI element.
Kreativní
Zobrazit
Architektonická vizualizace - exteriér i interiér
Vytvoř fotorealistickou architektonickou vizualizaci s precizní specifikací osvětlení, materiálů a atmosféry.
Kreativní
Zobrazit
Objevte další AI prompty
Prozkoumejte naši sbírku Kreativní promptů a najděte ty, které vám pomohou dosáhnout lepších výsledků.