Ugrás a tartalomhoz

DarwinAI

AI vizuálMarketing & SalesKiemelt

Leonardo by DarwinAI – termékbemutató weboldal és prezentáció

A tervezett Leonardo meeting-tanácsadó rendszer teljes bemutató weboldala és 20 diás prezentációja, élőben kipróbálható szimulátorral: a rendszer végighallgatja a megbeszélést, és prezentációval, szóban is reagál.

Létrehozás
2026. október 5.
Fejlesztési idő
kb. 2 óra aktív munka, 2 nap alatt
Token felhasználás
101 M
Iterációk
6
6+1 módszer
6. Vibe Coding

A cél

A Leonardo egy még meg nem épített, „+1 AI tanácsadóként” működő meeting-rendszer terve. A feladat az volt, hogy a specifikációból és két látványtervből szellős, könnyen érthető, a vezetői célcsoport által értékelhető bemutató készüljön: az alapkoncepciót gyorsan átadja, a részleteket felugró ablakokba teszi, és a működést animációkkal, kipróbálható demóval mutatja meg.

A megoldás

A Leonardo felkészül a megbeszélésre, végighallgatja, közben folyamatosan elemez és kutat, és kérésre – vagy meghatározott helyzetben – automatikusan elkészített prezentációval, szóban is reagál. Ez a projekt nem maga a rendszer, hanem a bemutatására készült teljes weboldal és prezentáció. Az oldal egyetlen tartalmi forrásból épül (a magyar szövegek, a szimulátor adatai és a felugró ablakok külön fájlban), önálló statikus mappaként, szerver nélkül is megnyitható. A stílus a névből indul ki: egy Leonardo-jegyzetfüzet hangulata – meleg papír, tintakék, arany –, alapvetően világos oldal néhány sötét blokkal. Minden blokk előtt teljes szélességű óriás címsorsáv áll, a kisebb blokkcímek sárga, kiemelkedő „bélyeg” tabok, a részletek pedig 45 felugró ablakban nyílnak. A középpont az „Ülj be egy meetingre” szimulátor: egy kitalált vezetői megbeszélés fut le, amelyből élőben épül a meeting-memória, a háttérelemzők sorban lefutnak, megjelenik a +1 jelzés, majd az ÉRTÉKELD gomb forrásjelölt, kivetítős mini-prezentációt ad, szimulált hangos kommentárral. A tanácsadói szerep, az autonómia-mód (csendes, tanácsadó, aktív résztvevő) és a bizalmassági szint ténylegesen változtatja a viselkedést. A 20 diás, teljes képernyős prezentáció ugyanennek a tartalomnak a vetítőre szánt formája: kódból vezérelt animációk (idősáv, verseny-demó, hang-szinkron, napló), a 9. dián élőben kipróbálható szimulátorral. A diák az oldal kész widgeteit használják újra, így a kettő nem csúszik szét. A képek az OpenAI gpt-image-2.5-sunburst modellel készültek: hat fotó-koncepció, egy kódex-lap és hét ikonlap, amelyekből egy saját szkript 75 átlátszó ikont vágott szét. A DeepSeek API szöveges modell, képet nem tud generálni, ezért vele SVG-vonalrajzokat rajzoltattunk (kettő került az oldalra). Minden fotó „Koncepció — illusztráció” jelölést kap. Őszinteség: a rendszer tervezett, ezt az oldal jelzi; minden demó-adat kitalált; ár, videó, ügyfél-hivatkozás vagy infrastruktúra-állítás nem szerepel, mert a specifikáció nem szól róluk; a látványtervben szereplő integrációk „Fejlesztési irány” jelöléssel kerültek be. Ellenőrzés: nyolc szélességen (1440–360 px) nincs vízszintes túlcsordulás, a konzol tiszta, a prezentáció léptetése, áttekintője, felugró ablakai és hurkai tesztelve; az oldal megnyílik file://-ról, JS nélkül és csökkentett mozgás mellett is.

Eredmény és tanulság

Egyetlen munkamenetben (kb. 1 óra aktív munka) elkészült egy 10 blokkos weboldal 10 címsorsávval, 45 felugró ablakkal és egy interaktív szimulátorral, valamint egy 20 diás prezentáció – 14 generált képpel, 75 ikonnal és 2 SVG-díszítéssel. A hibák többségét nem a konzol, hanem a képernyőképek következetes olvasása fogta meg (mobilon átfedő memória-rács, mindent egyszerre mutató szerep-fülek, laptopszélességen túlcsorduló fejléc).

Képernyőképek (12)

Kezdőprompt

Ez az a prompt, amellyel a projekt elindult. A további iterációkat a prompt library mutatja be.

A folderben megtaláláod egy tervezett rendsezr specifikációját valamint két látványtervet.
Magát a rendsezrt még nem kell megcsinálnod, csak az azt bemutató, kommunikáló teljes termék web oldalt.. Egy szellős, átlátlható web oldalt várok tőled - ehhez használd a most lérehozott web és presentation skill - mát külön repoban vannak, az arworks projektből lettek kiemelve,
Csináld meg a ewb oldalt valamint a prezentációt is.
Az oldal legyen részletes -de úgy, hogy könynen érthető legyen az alapkoncepció és a részletek lenyíló részlet ablakokba, pop up ablakokban legyenek.
Ha kep kell mind a deepsek apival mind a sponsorapis-ban tlaálhjató OpenAI apival generálhatsz, képeket, grafikai elmeket - max 15-15 darabot. Egy képre teheszt egy teljees ikonszettet aztán stévágod 

Egy különleges, nem AI SLoop egyedi stílusú a célnak megfelelő, a célcsoport által értékelt oldalt csinálj - múködési anim,ációkkal hoover effektekkel, hangsúyl animációkkal.

Figyelj rá, hogy minden magarul legyen
A rendsezr neve leonardo by DarwinAI
Most ellenőrizd, hogy látod e a skilleket és mukodnek-e az apik - ha nem, állj meg. (Aperplexity api nem mukodik, de az neked nem kell)

A web oldlaban néh alegyenek sötétebb blokkok, hogy megtörje  - d ealapvetően világos oldalt sezretnék
Nagy kö9ztes headlinek az egyes blokkokhoz - nem csak a tetején - keresztben teljes szélességben, a sárga színű kisebb blokkheaderek legyenek kiemelkedők
Hasonló prompt folyamatok a Prompt Libraryben

Kapcsolódó

Hasonló projektek

Részletek
SportSzponzor– sportszponzorációs kampányrendszer az ARworks-nek
AI megoldás
Marketing & Sales

SportSzponzor– sportszponzorációs kampányrendszer az ARworks-nek

Feltérképezi a magyar sportszponzorokat, sportágra szabott VR/AR/AI-ötleteket gyűjt, és cégenként a márka színeiben elkészíti a személyes webes pitch decket és a megkereső levelet – minden lépésnél emberi jóváhagyással.

Claude CodeOpus 5.5
Részletek
Részletek
Tenderradar - Tenderfigyelő Web Oldal
Lab / POC
Marketing & Sales

Tenderradar - Tenderfigyelő Web Oldal

A beállított nemzetközi TED és egyéb tenderpublikáló oldalak figyelésére, saját cégnek, termékportfóliónak releváns tenderek kikeresésére

Claude Code
Részletek
Részletek
Hirdetés banner készítő weboldal
Lab / POC
Marketing & Sales

Hirdetés banner készítő weboldal

Online hírdetésekhez (FB, Adwords) banner hirdetéseket több méretben készítő web oldal

Claude
Részletek

Kezdje el vállalkozása AI evolúcióját

Beszélgessünk arról, hol van valódi AI-potenciál az Ön működésében – és mi az a lépés, ami már két héten belül eredményt hoz.