01 / 16
Workshop · 2026. május 26. · 9:00–16:00 · Impact Hub Budapest

Build your own software

Építs saját weboldalt AI-al — workshop

Facilitátor
Faludi Orsolya
www.thoughtwarestudio.com
02 / 16

Vállalkozás induló költségei régen és ma

2025 előtt
Drága · lassú · külsős csapat
  • Landing / weboldal
    1–3 hónap
    300K – 2M Ft
  • Mobilapp
    3–12 hónap
    2M – 30M Ft
  • Logó
    1–2 hét
    10K – 120K Ft
  • Szerződés
    1–2 hét
    45K – 150K Ft
→
2025 után
0 – 6K Ft
/ hétvége
Egy hétvége, egy AI-előfizetés, sajátkezűleg.
03 / 16

A mai nap

Délelőtt
09:00 – 12:20
09:00 – 09:10
10 perc
Beállítások
Wifi · fiókok · technikai rész
09:10 – 09:40
30 perc
Bevezető
Prezi · bemutatkozó · mit építünk ma
09:40 – 10:25
45 perc
Brief
Custom GPT
→ brief + prompt
10:25 – 10:40
☕ Kávészünet · 15'
10:40 – 11:05
25 perc
Design
Google Stitch
→ mock-up
11:05 – 12:20
75 perc
Élő landing page
AI Studio GitHub Vercel Clarity
→ élő oldal
Délután
13:20 – 16:00
12:20 – 13:20
🍽 Ebéd · 60'
13:20 – 14:15
55 perc
Belépési pontok
Cal.com Fillout
→ foglalás + űrlap
14:15 – 14:30
☕ Kávészünet · 15'
14:30 – 15:00
30 perc
Belső dashboard
Zite
→ belső felület
15:00 – 15:30
30 perc
Haladó eszközök · demó
Claude Code Antigravity
15:30 – 16:00
30 perc
Záró demó
Mit építettél · hétfő reggel
04 / 16

Rólam

Faludi Orsolya
Faludi Orsolya
Thoughtware Studio
LinkedIn QR
LinkedIn
in/faludiorsolya
  • Szociológus
  • 15+ év termék- és üzletfejlesztés
  • Coach, tanácsadó
  • Thoughtware Studio & Mamasitter alapító
2026 március · saját kezűleg
Egy Claude-előfizetés · zéró külsős fejlesztés
Mamasitter weboldal
Mamasitter · weboldal
Mamasitter mobilapp
Mamasitter · mobilapp
05 / 16

Bemutatkozó kör

Egy-egy mondat mindenkitől

01
Hogy hívnak, mivel foglalkozol?
02
Mit szeretnél ma építeni - és miért?
03
Mennyire érzed magad magabiztosnak ezzel kapcsolatban most?
1 – 10 skála
1 2 3 4 5 6 7 8 9 10
06 / 16

Mi történik?

2022 · nov
ChatGPT
chatelés
5 nap · 1 millió user
2023
Multimodális
kép & hang
nem csak szöveg
2024
Copilot-ok
AI automatizáció
melléd ülnek
asszisztensek, agentek
2025
Claude Code
elvégzi a munkát
kiadod — megcsinálja
Mit jelent ez neked, vállalkozóként?
2025 előtt
Új ötlet → befektető, pályázat
Növekedés → felvétel, új emberek
2025 után
Új ötlet → prototípus · egy hétvége
Növekedés → AI agentek
Hol dolgozik már az AI?
ANTHROPIC · 2025
Theoretical capability and observed usage by occupational category
Forrás: anthropic.com/research/labor-market-impacts
07 / 16

AI modellek

A három nagy szereplő, folyamatos verseny — mindegyik másban erős

Feladat
ChatGPT
OpenAI
Claude
Anthropic
Gemini
Google
Kutatás Deep Research
ipari mérce
 jó Deep Research
hosszú kontextus
Írás szószátyár természetes, tiszta
emberi hangon
 OK
Kódolás · vibe coding Codex Claude Code
agent-module
 AI Studio Build
Agentek Operator
kísérleti
 Claude Code · MCP
iparági sztenderd
 Jules
béta
Kép & hang kiváló gyenge Nano Banana
képgenerálás
Ingyenes tier korlátozott szűk bőséges
Gmail-fiókkal
Kontextus-ablak közepes nagy (200K) 1M token
hosszú projektek
Gyakorlati szabály
Ne egy modellt válassz mindenre — tudatosan használj többet, feladatra szabva.
08 / 16

Építőkockák

Megjelenítés / Szerkesztés
Frontend / CMS
Adattárolás
Database
Beléptetés
Auth
Fizetés
Payment
Automatika
Automation
Mobil
Native app
AI-réteg
LLM API
Mi kell mihez?
Projekt-típus Megjelenítés
+ Szerkesztés		 Adattárolás Beléptetés Fizetés Automatika Mobil AI-réteg Ismerős példa
Workshop landing ●○○○○○○ Egy konferencia regisztrációs oldala
Coach site + blog ●○○○○○○ Saját portfólió — te frissíted a blogot
Diagnosztikai eszköz ●●○○●○● Kérdőívre személyre szabott értékelés · lead-mágnes
B2B mini-SaaS ●●●●●○○ Havidíjas iparági eszköz — pl. csapat-hangulatmérő
AI-asszisztens ügyfeleknek ●●●○○○● Chatbot a TE tudásodra · ügyfeleid 0–24 kérdezhetnek
09 / 16

Mi az a vibe coding?

„Új fajta kódolás — átadod magad a vibe-nak, és elfelejted, hogy a kód egyáltalán létezik."

Andrej Karpathy · ex-OpenAI · 2025. február
Hagyományos kódolás
Minden sort te írsz.
Évek tanulás, részletes hibakeresés, szakmai környezet.
Vibe coding
Te a szándékot mondod, az AI a kódot írja.
Te a karmester vagy, nem a zenész. A kódot legtöbbször nem is olvasod.
NEM no-code
Itt egyedi rendszer születik.
A no-code sablonokból dolgozik. A vibe coding tényleges kódot ír — csak nem te.
Miért fontos
Bárki építhet ma szoftvert — nem csak programozó. A szűk keresztmetszet már nem a kódolás, hanem a tisztán megfogalmazott szándék.
10 / 16

Vibe coding stack · 2026

01
Ötletelés + tervezés
itt tisztázod, mit akarsz építeni — még kód nélkül
ClaudeChatGPTGemini
02
Kutatás
piackutatás · versenytárs · iparági mélyfúrás
PerplexityChatGPT Deep ResearchGemini Deep Research
03
Design + prototípus
vizuális irány, mielőtt egy sor kód íródna
Google StitchFigma MakeClaude DesignPaper
04
Hol építed · kezdőtől haladóig
04A
Böngészőben · all-in-one
nem kell telepítés, kezdőknek barátságos
LovableBolt.newReplitZiteAI Studio Build
04B
Saját gépen · IDE + modell
több kontroll, haladóbb út
AntigravityCursorVS Code + Claude CodeCodex
05
Komplexitás · mi kell, ha a projekt túlnő egy oldalon
05A
Adatbázis
user-adatok, tartalmak tárolása
SupabaseFirebaseConvexNeon
05B
Beléptetés
bejelentkezés, jogosultságok
ClerkSupabase AuthFirebase AuthAuth0
05C
Fizetés
pénz cserél gazdát — előfizetés, egyszeri
StripePaddleLemon SqueezyBarion · HU
06
Verziókezelés
a kód története — ne veszíts el semmit
GitHub
07
Hosting & élesítés
tárhely + domain — a termék az interneten
VercelNetlifyCloudflare PagesCloud RunRailway
11 / 16

Vibe coding tippek

01 · Tervezz, mielőtt kódolsz
Mit jelent: Mielőtt megnyitod a kódoló eszközt, egy beszélgetős AI-jal (ChatGPT, Claude) gondold végig: kinek építed, milyen oldalakból áll, mit csinál a user. Egy A4-es leírás.
Példa: Mint amikor egy stúdiónak briefet adsz: „Regisztrációs oldal coachoknak, 3 mező, e-mail értesítés." Ezt a leírást bemásolva a Lovable-be vagy AI Studio-ba sokkal jobb eredmény jön ki, mint ha lépésenként kérdezgeted.
02 · Apró lépések, gyakori mentés
Mit jelent: Ne akard, hogy egyszerre 5 új dolgot építsen be. Egy funkció kész → mentés → tovább. Ha elromlik, csak az utolsó lépést kell visszacsinálni, nem napokat.
Példa: Lovable-ben a „New version" gomb mentés után. Saját kódnál a git commit. Olyan, mint a festő — nem fest tovább, amíg meg nem nézte, hogy az utolsó ecsetvonás jó-e.
03 · Mutasd, ne csak mondd
Mit jelent: Az AI sokkal pontosabban dolgozik képből, mint szövegből. Egy screenshot többet mond, mint tíz mondat.
Példa: „Olyat szeretnék, mint ez" + screenshot egy oldalról, amit szeretsz. Vagy ha valami nem stimmel: csinálj képet a rossz állapotról, és „ezt javítsd meg". Az AI látja a részleteket — kihasználhatod.
04 · Egy hely, ahol az összes szabályod ott van
Mit jelent: Vannak dolgok, amik mindig ugyanazok minden chatben — magyarul beszéljen, a márkaszíneid, a hangnem, kerülendő szavak. Tedd ezeket egy fix instrukció-fájlba, amit minden új beszélgetés elején automatikusan elolvas.
Példa: Claude-ban ez egy CLAUDE.md fájl. ChatGPT-ben a „Custom Instructions" mező. Bele: „Magyarul írj. Márkaszín #5E17EB. Sose használd a »forradalmasít« szót." Egyszer beírod, mindig figyel.
05 · Új chat, ha elakad
Mit jelent: A hosszú beszélgetésben az AI „elfárad" — elveszti a fókuszt, körbe-körbe ront. Ne harcolj vele, ne ütögesd a fejed a falba — egyszerűen kezdj újat.
Példa: 5x próbáltad ugyanazt javítani, és csak rosszabb lesz? Új chat. Csak a hibaüzenet + a 1-2 érintett fájl tartalma. Friss fejjel sokszor első próbára megy.
06 · Több AI, mint több szakértő
Mit jelent: Egy AI nem mindenben a legjobb. Mintha lenne egy ügyvéded, egy könyvelőd és egy designered — más-más szakterületen erősek. Az AI-knál is így van.
Példa: Gondolkodáshoz, tervezéshez: Claude vagy ChatGPT (jó beszélgető partner, átgondolja). Kódoláshoz: Claude Code vagy AI Studio (építős, fájlokat ír). Képhez: Nano Banana, ChatGPT. Egy projekten belül 2–3 AI is dolgozhat — mindegyik a sajátján.
12 / 16

Tokenek - gazdálkodj okosan

Mi a token?
≈ 3-4 betű, egy szótag — az AI „nyelvi egysége." Minden üzenet input + output tokenből áll. Az ingyenes eszközöknek napi limitje van.
01
Új chat az új feladatra
Egy 50-üzenetes chat 50× drágább, mint egy friss. Új projekt → új chat.
02
Egy kép = sok token
Egy screenshot 1000–2000 token. Hasznos, de ne küldj 5-öt, ha 1 is elég.
03
Tervezz külön, építs külön
ChatGPT/Claude-on tervezz (ingyen). A drága build-tokeneket csak az eredményre fordítsd.
04
Mindennap új credit
A legtöbb ingyenes tier napi limites. Ha elfogyott → várj reggelig, ne fizess azonnal.
05
Angol prompt = több futás
A magyar 25-30%-kal több tokent eszik. Briefet írd angolul, a UI maradhat magyar.
06
Pontos prompt > tíz javítás
Egy 200 szavas brief drágább egyszer, de elkerüli a 10 db „nem ezt akartam" kört.
07
Csoportosítsd a változásokat
Ne 5 üzenet sorban. Egy üzenetben: „adj headert, footert és nav-ot." 5× kevesebb token.
08
Iteratív, nem újraírás
„Csak a gombok színét változtasd" > „írd újra az egész oldalt." Surgical change > rewrite.
13 / 16

Mi sülhet el rosszul?

Biztonsági kockázatok
Nagyon fáj, ha baj van
Probléma: Az AI gyakran hagy maga után biztonsági réseket — beégetett API-kulcsokat, védelem nélküli adatbázisokat, sebezhető könyvtárakat.
Tipp: Landing page-nél belefér. De ha user- vagy fizetési adatot kezelsz, vonj be szakértőt, vagy használj kész rendszert.
Tucat-dizájn
Minden app ugyanúgy néz ki
Probléma: Ha az AI-ra bízod a vizualitást, minden egyforma lesz — lila-kék átmenetek, háromoszlopos layout, stock fotók.
Tipp: A pontos brief felértékelődik. Adj konkrét referenciákat: márkaszíneket, 2–3 tetsző oldalt.
Sablonos szövegek
AI-slop — a modellek közös marketingnyelve
Probléma: Az AI fellengzős szöveget ír, amit a netről tanult — „Forradalmasítsd az üzleted!", „Turbózd fel a produktivitást!".
Tipp: Tanítsd be a saját, természetes nyelvezetedre — nem marketing-nyelven.
A 80/20-as csapda
Honeymoon-effektus
Probléma: Az első 80% elkészül 2 óra alatt. Az utolsó 20% heteket emészt — az AI belezavarodik a saját „spagetti-kódjába".
Tipp: Apró lépések, folyamatos mentés. Ha elakad, új chat szűkebb fókusszal.
Platformhoz kötöttség
Aranykalitka — könnyű belemenni, nehéz kijönni
Probléma: Az all-in-one eszközök (Lovable, Bolt) kalitkává válhatnak — évekig fizetteti a havidíjat, vagy egy nap bezárnak.
Tipp: Már az elején nézd a code export opciót. Saját GitHub + tárhely; ha belejöttél, saját kód.
Rossz irány, gyors ütem
Attól, hogy tudod, nem biztos, hogy érdemes
Probléma: AI-jal gyorsabban mész, de ha rossz az irány, nem érdemes sietni. Attól, hogy könnyen fejleszthető, még nem biztos, hogy kell is.
Tipp: Az ügyféligény az első. Ne fejleszd újra a spanyolviaszt — egy dobozos termék (Shopify, Kajabi, Calendly) sokszor célravezetőbb.
14 / 16

Mai workshop

Landing page / 0 forint / < 1 óra

01 · Tervezés

ChatGPT

  • Brief a projektről
  • Célcsoport, fő üzenet
  • Referencia-gyűjtés
Nagy modell · beszélgetős
→
02 · Design

Stitch

  • Vizuális irány
  • Layout, színek, tipó
  • Prototípus export
Google Stitch
→
03 · Build + Deploy

AI Studio

  • Kódgenerálás
  • Élő prototípus
  • Deploy · Cloud Run
Gemini 3
15 / 16
Most jön a build-rész

Kezdjük

ChatGPT / Stitch / AI Studio

16 / 16
Kapcsolat

Köszönöm

Kérdés — visszajelzés — saját projekt, szólj bátran

Elérhetőségek
Írj bátran, válaszolok
E-mail
orsi@thoughtwarestudio.com
LinkedIn
in/faludiorsolya
Web
www.thoughtwarestudio.com