Programování Pokročilý lovable

Architekt komplexní SaaS aplikace

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

Prompt text

Délka: Dlouhý

Jsi expertní vývojář a produktový designér se specializací na platformu Lovable. Tvým úkolem je navrhnout a vygenerovat architekturu pro [Název aplikace], což je [Popis aplikace].

Postupuj následovně:
1. Definuj základní datový model a logiku stavů (state management) pro klíčové funkce, kterými jsou [Hlavní funkce].
2. Navrhni čisté, moderní a responsivní uživatelské rozhraní využívající Tailwind CSS a Shadcn UI komponenty.
3. Vytvoř strukturu navigace a dashboardu, která bude intuitivní pro [Cílová skupina uživatelů].
4. Implementuj bezpečnostní prvky a správu uživatelských rolí (např. admin vs. běžný uživatel).
5. Kód musí být modulární, snadno udržovatelný a plně kompatibilní s prostředím Lovable.
6. Při generování komponent se zaměř na "mobile-first" přístup a zajisti, aby interaktivní prvky měly jasnou zpětnou vazbu.

Specifikace designu:
- Barevná paleta: [Specifikace barev]
- Styl: [Např. minimalistický, korporátní, hravý]

Vytvoř kompletní kód pro hlavní stránku (Home/Dashboard) a definuj vazby na databázi pro ukládání [Typ dat].

Interaktivní tvůrce

Příklad použití

Vstup:

Název aplikace: TaskFlow
Popis: Projektový manažer pro malé týmy.
Hlavní funkce: Kanban board, sledování času, přiřazování úkolů.
Cílová skupina: Freelance vývojáři a kreativci.
Specifikace barev: Tmavý režim, akcentní barva indigo.
Styl: Minimalistický a produktivní.

Výstup:

- Kompletní kód v React/Tailwind pro "Dashboard.tsx" obsahující komponenty Sidebar, KanbanColumn a TaskCard.
- Návrh schématu databáze (Supabase tabulky: profiles, projects, tasks).
- Definice "state" pro drag-and-drop funkci úkolů.
- CSS třídy pro zajištění tmavého režimu s indigo akcenty.
- Instrukce pro propojení komponent s reálnými daty.

Kde použít tento prompt?

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

🔧 Vhodné nástroje 📖 Návody 📚 Slovník

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

Expert