---
title: "Architekt komplexní webové aplikace - AI Prompt"
description: "Profesionální prompt pro generování strukturované, škálovatelné a vizuálně konzistentní webové aplikace v platformě Lovable."
image: "https://zacinamsai.cz/images/og-default.jpg"
---

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.

  [  Interaktivní tvůrce ](https://zacinamsai.cz/prompts/lovable-architekt-komplexni-webove-aplikace/builder) 

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

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

### Kde použít tento prompt?

Najděte vhodné AI nástroje pro použití tohoto promptu a maximalizujte jeho efektivitu.

 [ 🔧 Vhodné nástroje ](https://zacinamsai.cz/tools?category=programov%C3%A1n%C3%AD) [ 📖 Návody ](https://zacinamsai.cz/articles?search=lovable) [ 📚 Slovník ](https://zacinamsai.cz/glossary?search=Programov%C3%A1n%C3%AD) 

### Podobné prompty

 [  

  Expert  

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

 ](https://zacinamsai.cz/prompts/advanced-ai-features-deep-dive-pokrocilych-funkci) [  

  Expert  

####  Algoritmus optimalizace 

Optimalizace algoritmu z O(n²) na O(n log n) nebo lepší.

  Programování  Zobrazit  

 ](https://zacinamsai.cz/prompts/algoritmus-optimalizace) [  

  Pokročilý  

####  API design s REST best practices 

Návrh RESTful API s dokumentací a error handling.

  Programování  Zobrazit  

 ](https://zacinamsai.cz/prompts/api-design-rest) [  

  Pokročilý  

####  Architekt komplexní SaaS aplikace 

Generování kompletní struktury a UI komponent pro SaaS aplikaci na platformě Lovable.

  Programování  Zobrazit  

 ](https://zacinamsai.cz/prompts/lovable-architekt-komplexni-saas-aplikace) 

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

 [ Další Programování prompty ](https://zacinamsai.cz/prompts?category=coding) [ Všechny prompty ](https://zacinamsai.cz/prompts)

```json
{
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Začínám s AI",
        "alternateName": "zacinamsai.cz",
        "url": "https://zacinamsai.cz",
        "description": "Průvodce světem umělé inteligence - Katalog AI nástrojů, články, prompty a slovník pojmů",
        "inLanguage": "cs",
        "potentialAction": {
            "@type": "SearchAction",
            "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://zacinamsai.cz/search?q={search_term_string}"
            },
            "query-input": {
                "@type": "PropertyValueSpecification",
                "valueRequired": true,
                "valueName": "search_term_string"
            }
        },
        "publisher": {
            "@type": "Organization",
            "name": "Začínám s AI",
            "url": "https://zacinamsai.cz",
            "logo": {
                "@type": "ImageObject",
                "url": "https://zacinamsai.cz/images/zacinamsai_logo.png"
            }
        }
    }
```