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.
Prompt text
Délka: Dlouhý
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.
Příklad použití
Vstup:
POPIS_PROJEKTU: Dashboard pro správu osobních financí.
SEZNAM_FUNKCÍ: Přehled zůstatku, graf výdajů za měsíc, formulář pro přidání nové transakce s kategoriemi, historie transakcí v tabulce.
SEZNAM_FUNKCÍ: Přehled zůstatku, graf výdajů za měsíc, formulář pro přidání nové transakce s kategoriemi, historie transakcí v tabulce.
Výstup:
[AI vygeneruje strukturovaný kód/komponenty pro Lovable, např.:
1. `DashboardLayout.tsx` se sidebar navigací.
2. `SummaryCard.tsx` pro zobrazení zůstatku.
3. `TransactionChart.tsx` využívající knihovnu Recharts.
4. `TransactionForm.tsx` s validací vstupů.
5. Instrukce pro nastavení datového modelu v Supabase: tabulka 'transactions' s poli id, amount, category, date, type.]
1. `DashboardLayout.tsx` se sidebar navigací.
2. `SummaryCard.tsx` pro zobrazení zůstatku.
3. `TransactionChart.tsx` využívající knihovnu Recharts.
4. `TransactionForm.tsx` s validací vstupů.
5. Instrukce pro nastavení datového modelu v Supabase: tabulka 'transactions' s poli id, amount, category, date, type.]
Kde použít tento prompt?
Najděte vhodné AI nástroje pro použití tohoto promptu a maximalizujte jeho efektivitu.
Podobné prompty
Advanced AI Features - Deep Dive do Pokročilých Funkcí
Komplexní průvodce pokročilými funkcemi AI nástrojů - od extended context a multimodality po tool use, streaming, a fine-tuning. Naučte se využívat plný potenciál moderních AI systémů.
Programování
Zobrazit
Algoritmus optimalizace
Optimalizace algoritmu z O(n²) na O(n log n) nebo lepší.
Programování
Zobrazit
API design s REST best practices
Návrh RESTful API s dokumentací a error handling.
Programování
Zobrazit
Architekt komplexní SaaS aplikace
Generování kompletní struktury a UI komponent pro SaaS aplikaci na platformě Lovable.
Programování
Zobrazit
Objevte další AI prompty
Prozkoumejte naši sbírku Programování promptů a najděte ty, které vám pomohou dosáhnout lepších výsledků.