Miről szól ez a lecke: a legfontosabb pontok
- A prezi-skill egy mondat briefből lapozható HTML-prezentációt készít. Scroll-snap oldal: böngészőben fut, vetíthető, linkben küldhető, PowerPoint és verzió-káosz nélkül.
- Négy döntést rögzít egyszer: 16:9 arány, státusz-jelzés a sarokban, logó-helyek slide-onként, és a slide-típusok listája (cover / szekció / tartalmi / záró-CTA).
- A színeket és a hangvételt a brand-skillből örökli. Legózás: a prezi-skill 20 sor + egy slide-váz. Brand-skill nélkül generikus AI-prezi születne, a belső hivatkozás ettől véd.
- Az első deck után iterálj. Ami nem tetszik (zsúfolt slide, rossz logó-méret), azt írod vissza a SKILL.md-be, és onnantól minden deck ugyanazt a minőséget hozza.
Az előző leckében leírtad a céged DNS-ét: színek, fontok, hangvétel, tiltott fordulatok, egy mappában. Most jön az első skill, ami erre az alapra épít, és amit a meetingen mindenki lát. Eddig egy prezentáció összerakása vagy napokba telt, vagy sablonba fulladt: valaki a csapatból húzogatta a szövegdobozokat, és a végén mégis három különböző betűméret lett a slide-okon. A prezi-skill után a munkamenet ennyi: egy mondat brief, és percek múlva lapozható, brand-hű prezentációt kapsz.
Egy mondat brief, egy lapozható oldal
Mit kapsz pontosan: egyetlen weboldalt, ahol minden slide egy teljes képernyős szekció, és a görgetés slide-ról slide-ra „bepattan". Ezt a technikát hívják scroll-snap-nek: egy görgetés egy slide, félúton nem lehet megállni, ettől lesz prezentáció-érzete egy sima HTML-oldalnak.
Mivel böngészőben fut, ugyanaz a fájl háromféleképp használható: kivetíted a meetingen, elküldöd linkben az ügyfélnek, vagy megnyitod a laptopon a tárgyalás közben. Se PowerPoint-licensz, se „melyik a legfrissebb verzió" típusú levelezés.
Miért HTML? Mert a Claude-nak ez az anyanyelve. Amit a PowerPoint-sablonok korlátoznak, azt HTML-ben a brand-skill tokenjei vezérlik: a színek és a fontok CSS-változóból jönnek, ezért pixelre ugyanazok minden deckben, amit a Claude valaha készít neked.
A négy döntés, amit a prezi-skill egyszer rögzít
A prezi-skill értéke abban van, hogy a formátum-döntéseket egyszer hozod meg, és onnantól minden deck automatikusan követi őket. Négy ilyen döntés van, és a lecke végén mind a négy bekerül a SKILL.md-be.
A slide-típus-lista a legfontosabb a négyből. Ez adja a deck szerkezeti nyelvét: minden prezentációd ugyanazokból az építőelemekből áll össze, ahogy egy jó vállalati sablonban is ugyanazok a layoutok ismétlődnek. A különbség, hogy itt a sablont egyszer írod le szövegben, és a Claude tartja be helyetted.
Legózás: a színeket a brand-skill adja
Feltűnhet, hogy a négy döntés között nincs szín, nincs font, nincs hangvétel. Ez szándékos: ezeket a prezi-skill az előző leckében megírt brand-skillből örökli. A legózás elvét az iteráció és visszakérdezés leckében vezettük be: kis darabokból nagyobb egész, minden elem a másik tudására épít. A skilleknél ez azt jelenti, hogy semmit nem írunk le kétszer: ami a cég egészéről szól, az a brand-skillben él, a prezi-skill csak hivatkozik rá.
A két skillt ugyanaz a két mechanizmus köti össze, amit az előző leckében már megnéztünk: trigger-koordináció és belső hivatkozás. Itt a belső hivatkozás mondja ki, hogy minden slide a brand-skill tokens.css-ét használja, és ha a brand-skill nincs aktív, kérdezzen, mielőtt renderel.
A belső hivatkozás a fontosabbik, mert egy csúnya hibától véd: a prezi-skill brand-skill nélkül generikus AI-prezit ad. Kék-fehér korporát sablont, tetszőleges fonttal, olyat, amilyet bárki más is kap. A hivatkozás miatt a Claude jellemzően rákérdez, mielőtt ez megtörténne: vagy ott a brand-skill, vagy előbb egyeztet.
Innen látszik az is, miért ilyen rövid a prezi-skill. A prezi-skill 20 sor körül marad, mert a nehezét, hogy ki vagy és hogyan nézel ki, a brand-skill már tudja. Ami marad, az a négy formátum-döntés és a hivatkozások.
Írjuk meg, 20 perc
Setup, 2 perc
Ezt is a Claude-dal csináltatjuk, a Claude appban (Claude Code-ban vagy Coworkben). A cegnev helyére a céged neve kerül ékezet nélkül, ugyanúgy, mint a brand-skillnél:
A slide-váz azért kell, mert a Claude mintából dolgozik a legjobban. Ugyanaz az elv, mint a few-shot promptolásnál: egy kész példa többet ér öt mondat magyarázatnál. Itt a példa egy üres, 4 slide-os HTML-váz, amit a Claude minden új decknél szerkezetben lemásol, és tartalommal tölt fel.
Egy pontosítás a „tokens.css-ét betöltve" kifejezéshez: a kész deck egy önálló HTML-fájl, ami nem linkeli élőben a brand-skill mappájában lévő tokens.css-t, hanem a Claude a színeket és fontokat a slide-váz elkészítésekor bemásolja a deckbe. Ha később a brand-skill tokenjei változnak, a régi deckek nem frissülnek automatikusan, csak az azután készülők.
A SKILL.md, soronként
Másold be ezt, és töltsd ki a helykitöltőket. A négy döntés, a brand-hivatkozás és a váz-hivatkozás együtt is csak ennyi:
--- name: cegnev-prezi description: > Lapozható, scroll-snap HTML-prezentáció [Cégnév] briefből. Minden slide a cegnev-brand skill tokenjeit használja. Triggerelj erre: "prezi", "prezentáció", "slide deck", "lapozható". --- # [Cégnév] prezi, szabályok ## Formátum - Egy HTML-fájl, minden slide teljes képernyős szekció, fix 16:9 arányban. - Lapozás görgetéssel vagy nyíl-billentyűvel, a slide-ok közé bepattan (scroll-snap). - Jobb alsó sarokban státusz: aktuális / összes slide (pl. 4 / 12). ## Logó - Cover-slide: nagy logó, középen. - Tartalmi slide: kis logó a bal alsó sarokban, minden slide-on ugyanott. ## Slide-típusok (csak ezekből építkezz) - cover: cím + alcím + dátum + nagy logó - szekció-elválasztó: egyetlen nagy cím, accent-háttérrel - tartalmi: max 4 bullet VAGY 1 kép + 2 mondat VAGY 1 idézet - záró: köszönet + kontakt + CTA ## Brand - Színek, fontok: a cegnev-brand skill assets/tokens.css változói. - Hangvétel: a cegnev-brand tiltott fordulatai a slide-szövegre is érvényesek. - Ha a cegnev-brand skill nincs aktív, kérdezz, mielőtt renderelsz. ## Minta - assets/slide-vaz.html: a slide-szerkezet HTML-váza, ebből indulj.
Olvasd végig még egyszer: a fájl első fele a négy formátum-döntés, a második fele két hivatkozás (brand-skill, slide-váz). A frontmatter description-jében megnevezett trigger-szavak szándékosan általánosak („prezi", „slide deck"), mert a céges triggert („[Cégnév]") a brand-skill hozza, ahogy azt az előző leckében beállítottuk.
Az első deck és a két iteráció
Új beszélgetés, és jöhet az első éles kérés. Egyetlen mondat, a többit a két skill viszi:
Az első kimeneten négy dolgot nézünk végig: az arány tényleg 16:9-e, a logó a helyén van-e minden slide-on, látszik-e a státusz a sarokban, és nem zsúfolt-e a tartalmi slide (a szabály max 4 bulletet enged). Ami nem tetszik, azt visszaírjuk a SKILL.md-be, ugyanaz a skill-iterációs ciklus, mint az első skillednél. A négy pont végigfutása után a formátum rögzül, és onnantól minden prezi-kérés ugyanazt a minőséget adja.
A vezetői mérleg: a deck összerakása ezután delegálható feladat. Amit eddig egy kolléga fél napja vitt el, azt egy mondat brief indítja, és a te időd az utolsó 10%-ra megy: arra, hogy a számok és az üzenet stimmeljenek. A formátumról, a logóról, a betűméretről soha többé nem kell beszélgetni.
Ellenőrizd magad: három kérdés
Két visszakérdezés, egy önreflexió. Nincs pontszám, nincs vizsga. A válaszaid a böngészőben maradnak.
Miért sorolja fel a prezi-skill a slide-típusokat (cover / szekció-elválasztó / tartalmi / záró)?
A b) helyes. A négy döntés közül a slide-típus-lista adja a deck szerkezeti nyelvét: a Claude a felsorolt építőelemekből dolgozik, nem talál ki minden alkalommal új layoutot. A HTML technikailag bármit tudna (ezért kell a keret), a brand-skill pedig a színekért és a hangvételért felel, nem a szerkezetért. A scroll-snap a lapozás technikája, a típus-listától függetlenül működik.
Mi történik, ha a prezi-skill aktív, de a brand-skill nem?
A c) helyes. A prezi-skill Brand-szakaszában szerepel a sor: „ha a cegnev-brand skill nincs aktív, kérdezz, mielőtt renderelsz". Ez a belső hivatkozás véd attól, hogy generikus, kék-fehér AI-prezi szülessen a céged színei helyett. A prezi-skill egyedül is betöltődik (a „prezi" triggerre), a 16:9 és a státusz saját szabálya megmarad, de a brand-réteg nélkül a Claude kérdez, és csak a válasz után renderel.
Melyik visszatérő prezentációd (havi riport, ügyfél-bemutatkozó, belső státusz) lenne az első, amit a prezi-skillel készíttetnél, és mi lenne az egy mondatos brief?
egy mondat, magadnak
A csomag harmadik tagja: a következő lecke a brand-skillre építve személyre szabott ajánlat-oldalt készít. Ugyanaz a legózás-logika, csak most az ügyfélnek szóló ajánlat a kimenet.