Weboldal-készítő

Mire jó

A weboldal ritkán a designon akad el. Sokkal gyakrabban azon, hogy megnyitod az üres dokumentumot, és nem tudod, mi legyen a főoldal második blokkja, vagy hogyan írj magadról úgy, hogy ne önéletrajz legyen belőle.

Ennek nem az az ára, hogy csúnya lesz az oldal, hanem hogy nem lesz. Marad a félkész sablon „hamarosan” felirattal a Szolgáltatások alatt, miközben az érdeklődő pont ott dönti el, ír-e neked egyáltalán.

Ez a skill 6 kérdéssel indul: mit csinálsz, kinek, mi különböztet meg, mi az oldal cél-akciója, egyedül vagy csapatban dolgozol, van-e meglévő anyagod. Utána megtervezi mind a 4 oldalt, összesen körülbelül 20 blokkot, és mindegyikhez teljes szöveget ír: címsort, törzset, gombfeliratot, kép-javaslatot.

Amit nem adtál meg, azt nem pótolja. Vélemény, évszám, referencianév helyén jelölő marad, és a végén listát kapsz arról, mi vár kitöltésre.

Kinek hasznos

• Egyfős szolgáltatóknak, akiknél eddig egy közösségi oldal állt a weboldal helyén: könyvelő, ügyvéd, coach, fotós, tréner, ingatlanos
• 2–10 fős irodáknak és stúdióknak, ahol most készül az első rendes céges oldal, és el kell dönteni, mi kerül a Rólunk oldalra
• Annak, akinek van oldala, de a szövege ad hoc módon állt össze, és inkább újragondolná az egészet, mint hogy foltozza
• Oldalépítőben (Webflow, Framer, WordPress, Wix) dolgozóknak, akiknél a szerkezet és a szöveg hiányzik, nem a felület

Kinek nem való

• Egyetlen célra épülő hosszú landing oldalhoz a három landing-skill való: konzultáció-foglalás, webinár-regisztráció, egy kiemelt szolgáltatás bemutatása
• Webshopnál a termékadatlap, a kosár és a szállítás viszi a döntést, ezekre a 4 oldalas szolgáltatói szerkezet nem ad választ
• Blogos, tudásbázisos struktúrához ez csak a törzs-oldalakat adja meg
• Kész designt hiába vársz tőle: a vizuális kivitel a te oldalépítődben vagy egy külön kódgenerálási körben készül el

Mit csinál lépésről lépésre

1. Feltesz 6 kérdést a vállalkozásodról egyben, hogy ne kelljen tíz körben válaszolgatnod. Az első négyre válasz nélkül nem lép tovább.
2. Összeállítja mind a 4 oldal blokk-listáját azzal, hogy az adott blokknak mi a dolga ott, és megjelöli, hol tér el az alap-készlettől.
3. Megáll, és megvárja a jóváhagyásod. Szöveget csak jóváhagyott vázlatra ír.
4. Oldalanként megírja minden blokk teljes szövegét, ebben a sorrendben: Főoldal, Szolgáltatások, Rólam vagy Rólunk, Kapcsolat. Minden oldal után visszajelzésre vár, de kérheted egyben is a négyet.
5. Összefésüli a négy oldalt egy dokumentumba, listázza a kitöltetlen jelölőket, és ajánl 2–3 valós design-galériát a szakmádhoz, mindegyikhez egy mondattal, hogy ott mit nézz meg.

Mit tartalmaz a csomag

• SKILL.md: a 6 kérdéses interjú, a négylépéses folyamat a jóváhagyási pontokkal, és a „ne találj ki véleményt, évszámot, referencianevet” alapszabály
• references/oldal-blokkok.md: mind a 4 oldal ajánlott blokk-készlete wireframe-szintű leírással, jelölve, mi kötelező és mi opcionális
• references/szovegezes-elvek.md: a webcopy hat alapelve, majd blokkonkénti szabályok címsorra, CTA-ra, GYIK-re és bemutatkozásra
• references/design-inspiraciok.md: hat valós galéria-oldal azzal, mit érdemes ott nézni
• references/examples/: üres mappa a jól sikerült oldal-szövegeidnek, hogy a skill legközelebb a te példáidból induljon

Hogyan használd

Akkor vedd elő, amikor nulláról építenél oldalt, vagy amikor a meglévőt teljesen újraírnád. Elég ennyit beírnod: „weboldalt csinálnék a vállalkozásomnak, segíts összerakni az oldalakat és a szöveget”.

Add be neki mindent, ami már megvan: a régi oldal szövegét, az ügyfél-véleményeket, a szolgáltatás-listát, akár egy hangfelvétel leiratát arról, ahogy egy ismerősödnek elmagyarázod, mit csinálsz. Ez utóbbi a legértékesebb, mert abból tudja átvenni a saját mondataidat.

Egy markdown dokumentumot kapsz vissza, a négy oldallal blokkról blokkra. A blokk-lista lesz a szekció-sorrend az oldalépítődben, kódgenerálásnál pedig ugyanez a dokumentum megy be briefként.

Ha a szövegezési köreidből később saját skillt csinálnál, az első skilled megépítéséről szóló anyag ebben a leckében olvasható.

Jó tudni

A kimenet szöveg és szerkezet, nem működő oldal. Képet nem generál, csak kép-javaslatot ír, a vizuális kivitel a te eszközödben készül el.

A jogilag kötelező tartalmakat szándékosan nem írja meg. Az impresszumot és az adatkezelési tájékoztatót csak jelzi a Kapcsolat oldalnál, a szövegük jogi szakemberre tartozik.

A folyamat jóváhagyási pontokkal halad, tehát nem egy prompt és kész. Ez a leglassabb pontja, cserébe innen ered, hogy a végén nem kell mindent újraírni.

Egyetlen szolgáltatásnál a 4 oldalas szerkezet felesleges lehet. Ilyenkor jelzi, és inkább főszolgáltatás-oldalt javasol.

Telepítés

1. Töltsd le a csomagot a fenti gombbal.
2. claude.ai vagy Claude Desktop: Beállítások → Képességek (Capabilities) → Skillek → töltsd fel a letöltött zipet.
3. Claude Code: csomagold ki a zipet a projekted .claude/skills/ mappájába (vagy globálisan a ~/.claude/skills/ alá).
4. Ezután írd le a feladatot a saját szavaiddal — a skill automatikusan aktiválódik. Ha biztosra mennél, hivatkozz rá névvel.