Mit építhetsz Claude-dal és Vibe Codinggal — áttekintés a lehetőségekről

Mielőtt belevágunk a Claude-os munkába és a vibe codingba, ebben a leckében gyors áttekintést kapsz arról, milyen típusú dolgokat lehet létrehozni kódolási tudás nélkül. Nem fogok mindent mélyen elmagyarázni — ezekről külön, hosszabb esettanulmány-videók is lesznek később a kurzusban —, de szeretném, ha rálátnád az egész piacra, hogy mire használható ez. Lesz olyan kategória, amit nem fogsz teljesen érteni, és nem biztos, hogy átjön, hogyan tudnád a saját helyzetedben felhasználni. Az a tanácsom: ami megragad benned, írd le — később, amikor már nagyobb tudásod lesz az egészről, érdemes visszatérni hozzá. Az ilyen ötletekből jönnek majd azok a megoldásaid, amikre képes leszel.

Nem ugyanaz egy digitális vállalkozónál, vagy mondjuk egy helyi étteremnél, hogy hogy tudja a Claude-ot használni meg magát így a vibe codingot.

Adatfeldolgozó és fájlrendező

Mivel a Claude közvetlenül a számítógépeden dolgozik, óriási előny, hogy be tud jutni a gépedre, és:

• A különböző fájlokat át tudja nevezni.

• Új fájlokat tud létrehozni.

• Megnézi a képeket, hogy mi szerepel rajtuk, és el tudja nevezni őket ennek alapján.

• Rengeteget tud dolgozni a különböző fájljaiddal.

Ez végtelen időt jelent bizonyos feladatoknál, ami korábban kézzel ment. Sok ilyen feladatunk volt nekünk is — Excel-fájlok, képek, mindenféle fájl rendszerezése, újak létrehozása — és ezt nagyon sok vállalkozásnál meg lehet csinálni.

Prezentáció

A prezentáció-készítés szintén egy erős terület:

• Ez a kurzus Prezi-bemutatója is így készült (még a szerkesztés nem tökéletes, de szuper animációk és stílusok hozhatók létre).

• Sablonprezentációkat tudsz összerakni, amiket később feltölthetsz.

• A szerkesztés egyre jobb lesz — átírni a szövegeket, átrakni elemeket.

• Nagyon gyorsan tud dolgozni.

• Egy korábbi prezit nagyon jól át tud alakítani szebbé, dizájnossá.

• Nagy mennyiségű diát is létre tud hozni adatokból, amit te magad nagyon sok idő alatt csinálnál meg.

Quiz / felmérő

Két fő felhasználási irány:

1. Lead magnet (csali) marketingre

A klasszikus quiz funnel logika:

• Valaki bejön az oldalra.

• Kitölt egy quizt.

• A végén megpróbálod feliratkoztatni, vagy eladni neki valamit.

A rendszer segít a kérdések összerakásában és magában a funkcionalitásban is.

2. Oktatóanyaghoz felmérő

A másik fő felhasználás a tudásszint-felmérés oktatóanyagoknál. Mi is használtunk korábban kívülről hozott szoftvert vagy a saját szoftverünk egy részét, de ha egyedibbet akarsz, sajátot is létre tudsz hozni.

Amikor belegondolsz, hogy te már quizt használtál arra — létre tudod hozni.

Kalkulátor

Rengeteg cégnél lehet jól használni, ahol valamit ki kell számolni.

• Eddig lehet, hogy csak Excelben dolgoztál ilyenekkel — most magadnak is megépítheted.

• Nem csak a kinézetében, hanem a matekjában is nagyon sokat segít a rendszer.

• Weboldalakra is nagyon jó, ahol egy kalkulátor segítség a látogatónak.

Tipikus példa: nettó–bruttó kalkulátor

• A nettó-bruttó kalkulátorra keresőoptimalizálásban óriási keresési számok vannak.

• Öt perc alatt létrehozható.

• Meg lehet adni neki, hogy milyen törvények alapján jönnek létre a számítások, így pontos képleteket és számokat ad ki.

Hogyha bármilyen képletes dolgod van, Excelben van, abból lehet kalkulátort készíteni.

A kalkulátor lehet eszköz (a saját munkádhoz vagy ügyfeleidnek), és csali is — sokféle módon működhet.

Dokumentumgenerátor

Az egyik legjobb példa az árajánlat:

• Korábban egy 40 oldalas árajánlatot nagyon sok idő volt létrehozni.

• Sablon a piacon is volt (Figma-ban, PDF-ben, Word-ben), de ezeket most sokkal egyszerűbb generálni.

• Ha megvannak a változóid, a rendszer könnyen ki tudja cserélni őket.

További felhasználások:

• E-bookok létrehozása.

• Nagy mennyiségű oldal kezelése — elképesztő jól megy, főleg, ha megvan egy dizájnrendszer.

• PDF-ek — már nem kell hozzá feltétlenül dizájneri sablonokat használnod, a sajátodra szabhatod.

Az e-mail aláírás builder szerintem ez most ide nem feltétlenül illik, de a klasszikus dokumentum-generálás iszonyat erős terület.

Adatmigráció rendszerek között

Korábban is volt sokszor, hogy egyik rendszerből egy másikba kellett átállni:

• E-mail szolgáltató váltás.

• Tárhely váltás.

• Weboldal-rendszer váltás.

• Adatbázis migráció.

Konkrét példa 1: Notion → oktatási felület

• A leckéink Notion-rendszerben vannak megírva, szövegekkel és linkekkel.

• Régen egy ember csinálta a feltöltést az oktatási felületre.

• Most öt másodperc alatt megvan, mert összeraktunk (pontosabban Bence) egy olyan rendszert, ami egyből feltölti a leckéket.

Konkrét példa 2: Vimeo → Bunny

• A Vimeo 20-szoros árat kért tőlünk, mert nagyon sokan nézték a videóinkat.

• Letiltottak minket — egyik napról a másikra váltani kellett.

• Egy nap alatt át tudtunk vinni kb. 2 terabájtnyi videót, több mint ezer videót.

• 10 perc alatt megírtunk egy programot, ami áthozta nemcsak a videókat, hanem a fejezetjelölőket és a borítóképeket is.

Bárhol korábban ilyen API-kapcsolattal lehetett migrálni — azt elképesztően jól lehet ezzel használni.

További használat: űrlapok áthúzása (pl. Excelből WooCommerce-re feltölteni).

Skillek és plug-inek

Erről külön fejezet lesz a kurzusban, de röviden:

• A skillek előre elkészített folyamatleírások.

• Olyan, mint egy cégen belüli folyamatleírás, csak nem csak szöveges.

• Kódokat is, scripteket is lehet hozzá csatolni, amivel fel lehet gyorsítani a munkát.

Ez lesz kb. a jövő abban, hogy egy feladat hogy készül el.

• Saját skilleket saját cégednek, saját működésednek megfelelően készíthetsz.

• Vannak mások által készített skillek is, amiket használhatsz.

Design system

Mi webdesign irányból jövünk, és eddig úgy tanítottam, hogy érdemes egy egyszerűsített dizájnrendszert létrehozni:

• Színpaletta

• Betűtípusok

• Lekerekítések

• Esetleg mintázatok

Mit változtatott az AI?

Az AI nagyon gyorsan létre tudja hozni a különböző tokeneket vagy stílusokat. Ide értve:

• Gomb mögötti háttér-elemeket (pl. kis narancs háttér).

• Kártya-stílusokat (pl. narancs vonal + színátmenet).

• Rengeteg variáció közül választhatsz.

Miért fontos most a dizájnrendszer?

• Nem feltétlen kell hozzá mély dizájneri tudás (de minél több van, annál jobb).

• Onnantól minden kis szoftvered, weboldalad, aloldalad ebből tud kiindulni.

• Az AI konzisztensen tudja használni az egészet.

• Prezentációd, hirdetéseid, minden ebből indul ki.

Korábban csak nagy cégeknek érte meg dizájnrendszert csinálni, mert sokat kell kattintgatni — most AI-jal ez sokkal fontosabbá válik. Sőt: amikor egy cég indul, ezzel érdemes kezdeni.

Landing page és egyszerű weboldal

Mi WordPress-irányból is jövünk, és érdekes kérdés, hogy ez megmarad-e:

• Cégeknek jelenleg még WordPress-szel készítjük a weboldalakat.

• Saját magunknak már AI-jal készült aloldalak is vannak.

• Az irány biztosan ebbe a felé tolódik.

Mit ad az AI-megközelítés?

• Dizájnrendszert tud használni.

• Bizonyos részekben sokkal gyorsabb.

• Néha csak a dizájnt csináljuk meg így, néha az építést is.

• Egyszerű oldalaknál teljesen működőképes lehet — akár úgy is, hogy egy WordPress weboldal mellé van hozzáépítve egy AI-kódolt aloldal.

Mikor maradjon WordPress?

• Ha komplikáltabb funkciókat kell beépíteni.

• Ha kell az a sok funkcionalitás, ami eredetileg már ott van a WordPress-ben.

Egyre több olyan weboldal lesz, amit érdemes AI-jal megcsinálni, mert gyorsabb és szebb is tud lenni — de hozzá vizuális érettség és bizonyos technikai tudás kell.

Adatgyűjtő AI elemzőrendszer

Mikor Bence egy új ügyféllel beszél egy sales meetingen, akkor a cég jelenlegi oldalához készít egy auditot, ami technikailag segít.

Mire jó még?

Az audit-jellegű rendszerek sok területen működhetnek:

• Marketing szövegekre.

• Dizájnokra.

• Akár házi feladatokra is.

• Bárhol, ahol nagy mennyiségű adat van, vagy ahol objektíven megadható egy információ.

• Vagy akár nem teljesen objektíven, de az AI valamilyen szinten kutat.

További konkrét példák

• Poszt-formulák kinyerése versenytársak social media tartalmából.

• Versenytársak árazása.

• Google- és Facebook-vélemények, visszajelzők információinak elemzése — amit marketingben fel lehet használni.

Minden ilyen adatgyűjtés óriásit fejlődik ezzel — hogyha be tudod szipkázni az adatot, és nagyon sokszor be lehet.

Testre szabott dashboard

Aki nagyon szereti az adatokat, de nehezen gyűjti ki őket (nem data analyst, nem data miner), annak ez óriási segítség:

• Különböző platformokról egybe lehet húzni az adatokat.

• Úgy építheted ki, hogy azt lásd, amit szeretnél.

• Segít megérteni az adatokat is.

Példák

• Idő-mérés: a kollégák mérik az idejüket — erről saját dashboardot csináltunk magunknak.

• Marketing analitika: különböző platformokon mennyit fizetünk, hány vásárló jön, mennyire jó a marketingünk, mit érdemes alakítani.

Minden helyzetben, ahol adatok vannak és szeretnéd jobban átlátni — végre ne csak gyűjteni kelljen az adatot, hanem tudj is vele kezdeni valamit.

Távirányítható rendszerek

Ez egy nagy téma: bármilyen oldalhoz, platformhoz hozzá lehet kötni a Claude-ot (és nem csak a Claude-ot, hanem minden ilyen AI-rendszert).

Hogyan működik?

• Beállíthatsz feladatokat, amik automatikusan működjenek.

• Meta-hirdetéskezelő, adatbázis, Notion, bármi összeköthető.

• A Claude-ból tudod irányítani őket.

Példáink

• Figma-kapcsolat: mikor kész van egy weboldal, betölti Figma-ba.

• WordPress-weboldalra is végtelen lehetőség van.

Időzített automatizáló

Az időzített rendszerek rendszeres ütemezésű feladatokat csinálnak meg automatikusan.

Példák

• Minden reggel kitisztítani a WordPress-t.

• Bármilyen időzített feladat — ez konkrét funkciónk lesz.

• Különböző rendszerek összekötéséből is létre lehet hozni automatizációkat.

Chrome-bővítmény

Sok dolgot csinálunk a Chrome-ban, és nem is gondolnánk, mennyi mindent lehetne bővítménnyel hatékonyabbá tenni. A fizetős bővítményeket sokszor fél nap alatt el lehet készíteni.

Konkrét példák

• Vimeo Bunny Instant Speed: én csináltam fél nap alatt, hogy gyorsabban tudjam nézni a videókat — nem kell külön bekattintani, milyen gyorsan szeretném nézni.

• Screenshot-eszköz: Bence készített olyan bővítményt, amivel screenshotolni lehet az oldalon, nyilakat is lehet rá tenni, és pontosan azt csinálja, ami neki kellett.

Hogyan készítsd?

• Bármi, amit Chrome-ban látsz másnál, létre fogod tudni hozni — kivéve, ha extrán komplikált lenne.

• Beadhatsz más Chrome-bővítményeket mintaként, és megmondod, hogy kb. ezt szeretnéd létrehozni — a rendszer megpróbálja megcsinálni.

Saját magadnak létre tudsz hozni applikációkat.

Mobil-, web- vagy desktop-applikáció

Itt inkább saját használatra vagy kevés emberes használatra ajánlom az elején:

• Programozás nélkül nem egyszerű olyan alkalmazást létrehozni, amit nagyon sok más ember is használjon.

• Biztonsági dolgok, fizetés — ezekhez egy pici technikai tudás kell.

• Ha nem egy hatalmas applikációban gondolkodsz, akkor is megoldható.

Konkrét példák

• Dani teniszliga-applikációja: korábban Facebook-csoportban volt, hogy ki hív ki kit, az ember elfogadja, beviszi az eredményeket. Dani készített rá egy applikációt mobilra, webshop-felülettel, és az egész liga ezt használja.

• MD-fájl olvasóm: sosem találtam olyat, ami igazán tetszik — most már van saját.

Több lépcsős AI pipeline

Ez a legnehezebb kategória bizonyos szempontból, mert több rendszert kell összekötni — de pont ezért tudja a legnagyobb automatizálást adni.

Mi az alaplogika?

• Több különböző szoftvert kötsz össze.

• Az adatok lépcsőzetesen mennek át a rendszereken.

• AI-megoldásokat is bele lehet építeni — egy-egy lépésnél dolgozzon az AI is.

• Szoftverek funkcionalitásait is integrálod.

Konkrét példa 1: videó → lecke leírás

• Van egy videó.

• A rendszer leiratozza.

• Átírja olyan formába, ami egy leírás.

• Feltölti Notion-be.

Konkrét példa 2: napi YouTube-trend figyelő

• A rendszer minden nap megnézi a követett 20 kreatort.

• Ellenőrzi, létrehozott-e új tartalmat.

• Kielemzi, leiratozza, kiszedi belőle az ötleteket.

• Ebből új tartalmakat lehet készíteni.

• Folyamatosan tartalom-ötleteket kapsz, kis részekkel — mások hogyan magyarázták el.

Bármilyen újdonságra jól szól, nagyon sokféle, sok irányba lehet ezzel menni.

Konkrét példa 3: számlatovábbító (Bence)

• E-mailben kapunk számlákat.

• A rendszer kategorizálja őket.

• Egy részét elküldi a könyvelésre.

• Egy részét megmutatja a pénzügyesnek, hogy hova lépjen be és töltse le a számlát.

• Ötödére esett az ezzel való munkánk — rengeteg órát spórolunk.

Mennyi időt nyersz?

• Korábban egy óra munka volt sok ilyen lépcső.

• Most két percre lerövidült — és rengeteg ilyet létre lehet hozni.

• A legtöbb pipeline-ban van még ember a folyamatban, de csak egyetlen ránézésre.

Összegezve

Ez tehát az áttekintés: fájlrendezés, prezentációk, quizek, kalkulátorok, dokumentumgenerálás, adatmigráció, skillek, design system, landing page-ek, AI-elemzőrendszerek, dashboardok, távirányítható és időzített automatizációk, Chrome-bővítmények, applikációk és többlépcsős AI-pipeline-ok.

Sok mindent valószínűleg most még nem értesz teljes mélységében, és lehet, hogy az elején nem mindent tudsz megcsinálni — ez teljesen rendben van. Ami most a fejedbe ugrott, hogy „ez nálam hogy lenne hasznos”, azt írd le, mert később, ahogy nő a tudásod, érdemes lesz visszatérni hozzá. Az ilyen ötletekből jönnek azok a megoldások, amikre majd képes leszel — innentől pedig bele is vágunk az igazi munkába.