Excalidraw diasor és diagram készítő

Mire jó

Elmagyaráznád, hogyan működik a szolgáltatásod, és érzed, hogy szövegben ez nem megy át. Egy ábra megoldaná, csak épp beleülsz a rajzolásba, és fél óra múlva még mindig a dobozok igazításánál tartasz.

A tét az, hogy a magyarázat nélkül az érdeklődő a saját fejében rakja össze a folyamatodat, rendszerint rosszul. Utána vagy kérdez, vagy elmegy.

Ez a skill fordított sorrendben dolgozik. Előbb megkérdezi, mi az az egyetlen dolog, amit a nézőnek meg kell jegyeznie, milyen ív viszi (probléma, megoldás, bizonyíték vagy előtte, utána, hogyan), és diánként egy gondolatot rögzít. A vázlatot jóváhagyod, és csak utána épül meg bármi.

A rajzolásnál kötött arányokkal dolgozik: diánként legfeljebb 3–5 fókusz-elem, 28–36 pontos címek, egységes paletta, és a diák rácsba rendezve, 800×500 pixeles keretekben. Kizoomolva így az egész történet egyben látszik.

Kinek hasznos

• Trénereknek és oktatóknak, akik rendszeresen magyaráznak folyamatot vagy modellt, és minden alkalommal újrarajzolják a táblán
• Szolgáltatóknak, akik az együttműködés menetét szeretnék egy ábrán megmutatni az ajánlat mellé
• Tanácsadóknak, akik ügyfél-workshopon vizuális segédletet használnak, és nem akarnak grafikust hívni hozzá
• Tartalomkészítőknek, akiknek videóhoz vagy poszthoz kell magyarázó ábra a saját kézírásos stílusukban

Kinek nem való

• Igényes, hivatalos céges prezentációhoz kevés lesz. Az Excalidraw szándékosan skiccesebb műfaj, és tárgyalóteremben ez nem mindig előny.
• Egyetlen egyszerű ábrát gyorsabb kézzel meghúzni, mint végigvinni a történet-tervező folyamatot.
• Adatvizualizációra nem való: diagramot, grafikont, számsort más eszközzel csinálj.
• Aki sosem nyitotta meg az Excalidraw-t, számoljon egy rövid ismerkedéssel.

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

1. Kibontja veled az ötletet: mi az egyetlen üzenet, kinek szól, és milyen narratíva-ív viszi végig.
2. Dia-vázlatot ír, ahol minden dia egyetlen gondolatot kap, és a címek önmagukban is elmesélik a történetet.
3. Bemutatja a vázlatot, és megvárja a jóváhagyásodat, mielőtt bármit megrajzolna.
4. Eldönti a kimeneti módot: .excalidraw fájl, amit bárhol megnyitsz, vagy közvetlen beillesztés az excalidraw.com vásznára böngésző-bővítménnyel.
5. Diáról diára építkezik: keret, cím, vizuális szerkezet, végül a feliratok, egységes csoportosítással, hogy egy dia egyben mozgatható maradjon.
6. Rácsba rendezi a diákat, majd ellenőrzi őket: nem csúszik-e ki szöveg, jól olvasható-e a hierarchia, és igazít, ahol kell.

Mit tartalmaz a csomag

• SKILL.md: a négyfázisú folyamat az ötlettől az ellenőrzésig, gyors-referenciával a palettához és a betűkhöz
• references/element-reference.md: az Excalidraw elemek pontos specifikációja és a fájl JSON-szerkezete
• references/design-principles.md: elrendezési minták, színrendszer, és mikor melyik ábratípus a jó választás
• references/chrome-automation.md: a böngészős beillesztés teljes munkafolyamata lépésenként
• Plugin-leíró fájlok (marketplace.json, plugin.json): a csomag plugin-szerkezetű, a skill a plugins/excalidraw/skills/excalidraw/ mappában ül, ezt a telepítésnél figyelembe kell venni

Hogyan használd

Akkor hívd, amikor egy magyarázat harmadszor is elakad szóban. Tipikus pillanat: az ügyfél nem érti, mi történik az első hét után, vagy egy videóhoz kellene egy ábra a folyamatról.

Add be, amit tudsz a témáról: a lépések sorrendjét, ki mit csinál, mennyi idő telik el közöttük. Ha csak egy laza felsorolásod van, az is elég. Egy mondattal indíthatod: „Készíts hat diás Excalidraw magyarázót arról, hogyan épül fel az ügyfél-onboardingom.”

A vázlatnál olvasd végig a dia-címeket egymás után. Ha önmagukban is kiadják a történetet, jó lesz az anyag. Ha nem, itt kérj átrendezést, mert utólag drágább.

A kész .excalidraw fájlt megnyitod az excalidraw.com oldalon, ahol bármit átmozgathatsz, és képként vagy PDF-ként exportálhatod.

Arról, hogy egy szolgáltatónak melyik nyolc skill hozza a legtöbbet, és hol a helye köztük a vizuális magyarázónak, ebben a leckében olvashatsz.

Jó tudni

Két üzemmódja van, és ezek nem egyformán igényesek. A fájl-generáló mód semmilyen bővítményt nem kér: a skill kiírja a .excalidraw fájlt, te megnyitod. A közvetlen beillesztéshez a Claude in Chrome böngésző-bővítmény kell, e nélkül ez a mód nem indul el, de a fájl-kimenet ugyanazt a diasort adja.

Az Excalidraw maga ingyenes és böngészőben fut, fiók nélkül is használható. Menteni viszont neked kell, mert a vászon nem őrzi meg magától a munkádat.

A csomag plugin-szerkezetű, tehát nem a zip gyökerében van a SKILL.md. Telepítéskor a belső plugins/excalidraw/skills/excalidraw mappát kell a helyére másolni, különben a skill nem lesz felismerhető.

Ha vetíteni is akarod, számolj azzal, hogy az Excalidraw nem prezentációs szoftver: exportálj képeket, és tedd őket abba az eszközbe, amiben vetíteni szoktál.

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.