Programování
Pokročilý
lovable
Architekt komplexní webové aplikace
Profesionální prompt pro generování strukturované, škálovatelné a vizuálně konzistentní webové aplikace v platformě Lovable.
Vyplňte proměnné
2 políNáhled promptu
0 znakůJsi zkušený full-stack vývojář a produktový architekt. Tvým úkolem je vytvořit moderní webovou aplikaci na základě následujícího zadání: [POPIS_PROJEKTU].
Při návrhu aplikace v platformě Lovable postupuj podle těchto pravidel:
1. Architektura: Definuj logickou strukturu stránek a datový model. Ujisti se, že aplikace je modulární a snadno rozšiřitelná.
2. UI/UX: Použij moderní, čistý designový jazyk (např. Tailwind CSS, Shadcn UI). Aplikace musí být plně responzivní a přístupná.
3. Funkcionalita: Implementuj klíčové funkce: [SEZNAM_FUNKCÍ]. Zaměř se na logické propojení stavů aplikace.
4. Komponenty: Rozděl rozhraní na znovupoužitelné komponenty. Každá komponenta musí mít jasný účel.
5. Stav a data: Pokud aplikace pracuje s daty, navrhni schéma pro Supabase (pokud je relevantní) nebo lokální stavový management.
Technické požadavky:
- Používej sémantické HTML5.
- Zajisti vysokou vizuální konzistenci (konzistentní barvy, spacing a typografie).
- Implementuj interaktivní prvky tam, kde to dává smysl pro uživatelský zážitek.
- Pokud narazíš na komplexní logiku, popiš ji v komentářích kódu.
Výstupem musí být kompletní definice aplikace, která je připravena k přímému vykreslení v nástroji Lovable. Zaměř se na to, aby kód byl čistý, udržovatelný a využívající nejnovější best practices pro no-code/AI vývoj.
Při návrhu aplikace v platformě Lovable postupuj podle těchto pravidel:
1. Architektura: Definuj logickou strukturu stránek a datový model. Ujisti se, že aplikace je modulární a snadno rozšiřitelná.
2. UI/UX: Použij moderní, čistý designový jazyk (např. Tailwind CSS, Shadcn UI). Aplikace musí být plně responzivní a přístupná.
3. Funkcionalita: Implementuj klíčové funkce: [SEZNAM_FUNKCÍ]. Zaměř se na logické propojení stavů aplikace.
4. Komponenty: Rozděl rozhraní na znovupoužitelné komponenty. Každá komponenta musí mít jasný účel.
5. Stav a data: Pokud aplikace pracuje s daty, navrhni schéma pro Supabase (pokud je relevantní) nebo lokální stavový management.
Technické požadavky:
- Používej sémantické HTML5.
- Zajisti vysokou vizuální konzistenci (konzistentní barvy, spacing a typografie).
- Implementuj interaktivní prvky tam, kde to dává smysl pro uživatelský zážitek.
- Pokud narazíš na komplexní logiku, popiš ji v komentářích kódu.
Výstupem musí být kompletní definice aplikace, která je připravena k přímému vykreslení v nástroji Lovable. Zaměř se na to, aby kód byl čistý, udržovatelný a využívající nejnovější best practices pro no-code/AI vývoj.
Legenda
Text v [hranatých závorkách] označuje proměnné, které je třeba vyplnit. Po vyplnění se automaticky nahradí vašimi hodnotami.
Tipy pro lepší výsledky
- Buďte konkrétní - čím detailnější zadání, tím lepší výsledky
- Používejte kontext - přidejte relevantní informace pro vaši situaci
- Experimentujte - zkuste různé varianty a porovnejte výsledky