AI Prompt könyvtár weboldal részletes tervezése a menü és kategóriák elrendezésével

Cél: Hozz létre egy személyes weboldalt "PROMT BASE AND TOOLS" néven, amely AI promptok rendszerezésére szolgál.

Adatbázis: Kapcsold össze a weboldalt a meglévő Supabase adatbázissal. Hozz létre egy új táblát a következő mezőkkel: Cím, Leírás, Kategória, Prompt.

Bejelentkezés: Használd a Supabase bejelentkezési funkcióit a hozzáférés korlátozására.

Felhasználói felület:

Top menü: A bal oldalon legyen a weboldal neve ("PROMT BASE AND TOOLS"), mellette helyezkedjen el a menü.
Oldalsó menü: Bal oldalon legyen egy "Dashboard" menüpont, további három üres menühellyel.
Kategóriák: Az oldalsó menü alatt helyezd el a kategóriákat színes címkék formájában. Ezekre kattintva a középső oszlopban jelenjenek meg a hozzájuk tartozó promptok.
Prompt lista: Középső oszlopban jelenítsd meg a promptok címét és rövid leírását.
Prompt részletek: A legnagyobb részben jelenítsd meg a kiválasztott prompt teljes szövegét, másolási lehetőséggel.
Stílus: Használj sötétzöld és fehér színeket az alap designhoz.

Reszponzivitás: A weboldal teljes szélességét használd ki, és legyen reszponzív, hasonló elrendezéssel, mint egy levelező program.

Ez a prompt részletesen leírja a weboldal neve, a menü és a kategóriák elhelyezését, biztosítva, hogy a felhasználói felület logikusan és könnyen használható legyen.