modul 0 — indulás nulláról
az első mini-build
Egy működő, egyoldalas weboldal nulláról, kizárólag az agenttel – a modul záró gyakorlata.
15 min
a feladat
Építs egy egyoldalas bemutatkozó weboldalt – magadról, a kutyádról, egy kitalált kávézóról, mindegy –, amit a böngészőben meg tudsz nyitni. Nem kell hozzá keretrendszer: egyetlen HTML-fájl is teljes értékű build, ha kész van és működik.
A cél nem a szép weboldal. A cél az, hogy először végigcsináld a teljes kört: cél → prompt → agent-munka → ellenőrzés → javítás → kész.
előkészület
mkdir mini-build && cd mini-build
git init
claude
A Git az első lépés, nem az utolsó – így a kiindulástól minden változás követhető.
az első prompt
Írd meg a saját szavaiddal, de ez a szerkezet jól működik:
Építs egy egyoldalas bemutatkozó weboldalt egyetlen index.html fájlban.
Téma: [a te témád]. Legyen benne: cím, három bekezdés szöveg, egy lista.
Stílus: sötét háttér, egy betűtípus, semmi keretrendszer, semmi külső
függőség. A szövegeket írd meg magyarul, [a témád] alapján.
Figyeld meg a prompt tulajdonságait: konkrét terjedelem (egy fájl), konkrét tartalom (cím + három bekezdés + lista), konkrét megkötések (nincs függőség). A jó prompt nem hosszú – körülhatárolt.
ellenőrzés – ez a te munkád
Amikor az agent kész, ne fogadd el látatlanban:
- Nyisd meg a fájlt a böngészőben (kattints rá, vagy
open index.html/xdg-open index.html). - Olvasd el a szövegeket. Az agent által írt szöveg a te felelősséged – javíttasd, ami nem a te hangod.
- Nézd meg a kódot is:
git diff-fel vagy a szerkesztőben. Nem kell mindent értened – azt figyeld, mennyi kód készült, és hogy van-e benne olyan, amit nem kértél.
a javító kör
Most jön a lényeg: kérj módosítást. Például:
A második bekezdés túl hosszú, felezd meg. A lista elemei elé tegyél
egy-egy ❯ jelet. A cím legyen kisebb mobilon.
Ez a kör – megnézed, megfogalmazod, mit akarsz másképp, az agent javít – az agentic munka alapmozdulata. Ezt fogod ezerszer csinálni, egyre nagyobb tétekben.
zárás
Ha elégedett vagy:
git add -A && git commit -m "első mini-build kész"
Gratulálunk – átadtál egy feladatot, ellenőrizted, javíttattad és leszállítottad. Ez pontosan az a munkafolyamat, amivel ez az oldal is épült, csak kisebben. A Modul 1-től ugyanezt csináljuk éles műfajokban: valódi termék, valódi specifikáció, valódi minőségi léc.