Skip to content
learnthevibe

modul 0indulá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:

  1. Nyisd meg a fájlt a böngészőben (kattints rá, vagy open index.html / xdg-open index.html).
  2. Olvasd el a szövegeket. Az agent által írt szöveg a te felelősséged – javíttasd, ami nem a te hangod.
  3. 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.