Workshop Wednesday
Hetek munkája 60 perc alatt – Claude Vibe Coding Workshop
Versenyelőny: HTML prototípus Claude-dal – most tudsz sokakat beelőzni! Olyan módszer, amit a konkurenseid még nem tudnak. Egy ideig.
Egy értékesítési oldalt építünk nulláról: vibe kódolással, valódi tartalommal, kattintható prototípussal.
Claude + Projects + vibe kódolás = már nem hetekben gondolkozol, hanem órákban.
⏱ 60 perc workshop + 30 perc Q&A
🎬 Felvétel 3 hónapon keresztül megnézhető
🔗 Workflow & prompt sablon csomag
Az igazi probléma: Az eszköz sokkal többet tud, mint amit használsz belőle
⏳ Fejlesztéssel töltesz heteket
Pedig akár napok alatt kész lehetne, ha tudnád, hogyan kell a Claude Projects vibe kódolást használni. Nem dummy tartalom, hanem valódi, kattintható prototípus.
📍 Nem ismered a Claude képességeit
ChatGPT-ből jössz, de a Claude Projects hosszú-kontextusos munka, vibe kódolás – ez egy teljesen más dimenzió. És már elérhető!
🏆 Konkurenciád már csinálja?
Ugyan még nem sokan, de akik csinálják, versenyelőnyt szereznek. Ki akar heti fejlesztés helyett napi iterációt?
📦 Nincs konkrét workflow-d?
Mit kell TÉNYLEG csinálni? Hogyan működik a vibe kódolás? Hogyan lesz belőle kattintható prototípus? Most meglátod.
Nem félni kell, használni!
1
Még a szavad is eláll!
Amikor rájössz, hogy amit évek óta eddig hetekig csináltál, azt Claude pár óra alatt megteszi. De ne félj – használd ezt az előnyt!
2
Ez mekkora lehetőség
Ha megérted, hogy ez mit jelent a vállalkozásod számára, elkezdesz mindent megvalósítani, amin eddig csak ültél.
3
Long-context munka
A Claude hosszú-memóriában tartja a projekted. Hetekkel később még ugyanaz a kontextus, ugyanaz a tone – nem kell újrakezdeni.
Mit csinálunk a 60 perc alatt?
1
Élő briefing
Megmutatom, hogy briefelem Claude-nak a projektet. Nem azt mondok „legyen kék”, hanem azt, hogy hogyan működjön, mit fognak itt csinálni az emberek, milyen problémát oldunk meg.
2
Iteráció valódi tartalommal
A korai tervek alapján finomítok és valódi tartalommal kezdjük megtölteni, hogy végig lehessen menni a pontos vásárlói úton.
3
CSS + Design elemek
Kialakítjuk az alap arculati irányt, design elemeket, animációkat. Nem csak szöveg, hanem vizuális tapasztalat.
4
Kattintható prototípus
Működő, kattintható prototípust kérünk a Claude-tól, amit akár ügyfélnek is meg lehet már mutatni.
Nem vázlat, hanem valódi.
5
Long-context projekt
A projekt teljesen végigvihető. A Claude hetekkel később is gyárt ugyanahhoz a projekthez kiegészítéseket, aloldalakat – nem kell újrakezdeni a folyamatot.
6
Teljes minta, amit másolhatsz
A felvétel után pontosan ezt a munkafolyamatot tudod reprodukálni az ügyfeleidel. Prompt, struktúra, iteráció.
Hogyan épül fel a workshop?
Nem elméleti, hanem teljes élő demo. Egy értékesítési oldal nulláról végigmegy egy kattintható prototípusig.
0:00-0:05
Bevezetés + kontextus
Mi az a vibe kódolás? Miért működik? Hogyan spórolhatsz meg heteket?
0:05-0:15
Az ügyfél brief
Valódi ügyfél: egy e-commerce startup. Mi a probléma? Mit kell kommunikálni? Milyen vásárlói úton mennek keresztül?
0:15-0:40
Élő briefing + fejlesztés Claude-dal
Megmutatom, hogy briefelem Claude-nak a projektet. Nem „legyen kék”, hanem hogyan működjön, milyen problémákat oldunk meg. Valódi tartalommal fejlesztünk.
0:40-1:00
HTML struktúra + CSS styling
Az alap elrendezés: hero, problémák, megoldás, CTA. CSS-sel vizuális identitás, animációk. Működő, kattintható oldal.
1:00-1:05
Kattintható prototípus – szabad a kliens felé
Az oldal készen áll. Működik, kattintható. Ezt másnap ügyfélnek is mutathatod. Long-context: a Claude hetekkel később is folytatja ugyanezt.
1:05-1:30
Q&A + Takeaways
Kérdések, válaszok. Hogyan adaptálod ezt az ügyfeleidel? Milyen promptok, iterációs stratégiák?
Kinek ajánlom ezt a workshopot?
✓ Ajánlom, ha:
- Konkrét, kézzel fogható, azonnal használható tudást szeretnél
- Designer, virtuális asszisztens vagy marketinges vagy – vagy mindhárom
- Weboldal tulajdonos / vállalkozó vagy, aki gyakran készít kampányokat
- Szeretnél naprakész lenni az új módszerekben
- Előre szeretnél dolgozni – nem utolsó pillanatban
- Claude-ot használsz, vagy szeretnél használni
- Szeretnéd gyorsabban fejleszteni, tesztelni és javítani az ötleteidet, mint eddig
- Konkrét, másolható workflow-t akarsz, nem elméletet
✗ Nem ajánlom, ha:
- Még nem szerkesztettél HTML-t soha
- Nem készítesz weboldalakat ügyfeleknek
- Csak „AI tippeket” akarsz, nem konkrét workflow-t
- Félsz a technológiától vagy attól, hogy helyettesít
- Ezt egy „mindent taníts meg most” kurzusnak tekinted
Befektetés a gyorsabb fejlesztésbe és fejlődésbe
79 EUR
ca. 31.000 HUF, a mai MNB árfolyamon
Teljes 60 perces workshop + 30 perc Q&A + felvétel 3 hónapig visszanézhető + Workflow & prompt sablon csomag
Tartalmazza: 60 perces élő workshop • 30 perces Q&A session • Felvétel 3 hónapon keresztül megtekinthető • Workflow & prompt sablon csomag • Teljes HTML/Figma demo project
Gyakori kérdések
Szükséges-e Claude Pro?
Ajánlott. Az ingyenes verzióval működik, de jóval hosszabb feldolgozásra számíts. Pro-val gyorsabb. A workshopon majd alkalmazásban is látod a különbséget.
Nem értek a HTML-hez, megértem ezt?
A vibe kódolás nem a tökéletes HTML-ről szól, hanem az elrendezésről és logikáról. Nem kell HTML-ből szakértő lenni. Épp arra tanít a workshop, hogy hogyan működik az iteráció.
Hányszor tudom megtekinteni a felvételt?
3 hónapig korlátlanul újranézheted.
Mi van, ha élőben nem tudok jelen lenni?
Nem probléma. A felvétel 24 órán belül elérhető lesz fiókodban. Az élő Q&A is felvételre kerül, szóval később válaszokat tudsz keresni.