AI Kisokos Webmestereknek: Slash Command Cheat Sheet a ChatGPT-hez

Sokan használjuk a ChatGPT-t egy párbeszédpartnerné, de mi van, ha úgy állítanánk be, mint egy professzionális digitális munkatársat, aki azonnal érti a szakzsargont és a munkahelyi folyamatokat? Mint Senior Prompt Engineer, gyakran látom, hogy a hatékony promptok nem elvont varázslat, hanem egy jól definiált parancsnyelv kialakítása. Ez a kisokos pontosan erről szól: egy gyűjtemény olyan per-jel parancsokból (/command), amelyek a weboldalkészítés és webfejlesztés mindennapjaiban spórolnak perceket, órákat és ideget.

A kulcs a Custom Instructions-ban rejlik. A ChatGPT bal oldali menüsorán kattints a nevedre, válaszd az „Egyéni utasítások” (Custom Instructions) opciót. Az első mezőbe másold be ezt a sort: „Parancsok listája, amelyeket felismer: /tldr, /rewrite, /blueprint, /explodedview, /swot, /brainstorm, /debug, /refactor”. Így az AI már az elején tudni fogja, hogy ezek speciális, rövidített utasítások, és ennek megfelelően fog reagálni.

—

1. Szövegírás és Összefoglalás

A tartalomkirály, ez a kategória segít gyorsan megfogalmazni leírást, metaadatokat vagy összefoglalni egy ügyfél komplex igényét.

* Parancs: /tldr * Funkció: A megadott hosszú szöveget (pl. ügyfél email, funkcionális specifikáció) egy-két mondatos, lényegretörő összefoglalóvá redukálja. * Példa prompt: /tldr [Illeszd be az ügyfél következő emailjét itt]

* Parancs: /rewrite * Funkció: Átírja a megadott szöveget egy meghatározott stílusban vagy hangnemben (pl. professzionális, barátságos, ügyfélszolgálati, SEO-optimalizált). * Példa prompt: /rewrite style: barátságos és bizalomgerjesztő "Üdvözlöm! A weboldala nem működik. Mikor javítják?"

Gyakori buktató: A /tldr nem mindig ragadja meg az árnyalt üzleti kontextust. Mindig ellenőrizd, hogy az összefoglaló valóban tartalmazza-e a kritikus technikai részletet (pl. „a fizetős modul nem küld visszaigazoló emailt”) és nem csak az általános panaszkodást.

—

2. Tervezés, Vizualizáció és Képgenerálás

Itt generálhatsz mentális térképeket, felületvázlatokat és leírást a DALL-E számára – mindezt szöveges chatben.

* Parancs: /blueprint * Funkció: Létrehoz egy strukturált listát vagy vázlatot egy weboldal, funkció vagy munkafolyamat fő elemeiről, komponenseiről. * Példa prompt: /blueprint Egy kisvállalkozói WordPress oldal főoldalának hero szekciójához szükséges elemek (szöveg, kép, CTA, technikai követelmények).

* Parancs: /explodedview * Funkció: Egy komplex folyamatot vagy rendszert részletesen „szétszed”, és lépésről lépésre, illusztratív leírással mutatja be az összetevőit. * Példa prompt: /explodedview A felhasználói regisztrációs és bejelentkezési folyamat egy WooCommerce shopban, beleértve a PHP backend ellenőrzéseket és a jQuery frontend interakciókat.

Példa a gyakorlatban: Egy éttermi weboldal tervezésekor a /blueprint megadja a menü, foglalási modul és nyitvatartás struktúráját. Az /explodedview pedig részletesen szétszedi a foglalási folyamatot: „1. Frontend (Bootstrap modal), 2. Adatküldés (jQuery AJAX), 3. Backend validáció (PHP), 4. Adatbázis mentés (MySQL), 5. Email értesítés (PHPMailer)”.

—

3. Üzlet és Stratégia

Ezekkel a parancsokkal gyorsan strukturálhatod az ügyfélmegbeszéléseket, új szolgáltatások ötleteit vagy piaci helyzetfelméréseket.

* Parancs: /swot * Funkció: A megadott projekt, cég vagy szolgáltatás alapján generál egy SWOT (Erősségek, Gyengeségek, Lehetőségek, Fenyegetések) elemzést. * Példa prompt: /swot Projekt: Egy helyi fodrászatnak készülő, online időpontfoglalást lehetővé tevő WordPress weboldal.

* Parancs: /brainstorm * Funkció: Kreatív ötletgenerálás egy adott témakörben, több alternatív megközelítés felvázolásával. * Példa prompt: /brainstorm Hogyan lehetne egy 5 oldalas céges prezentációs weboldal (brochure site) interaktívabbá és meggyőzőbbé tenni minimális fejlesztéssel?

Kisvállalkozói nézőpont: A /swot egy hihetetlenül értékes eszköz, amikor egy új ügyféllel egyeztetsz. 60 másodperc alatt megkapod a projekt erősségeit (pl. egyedi design) és kockázatait (pl. a gyorsan változó árazás), amivel sokkal proaktívabb és bizalomgerjesztő párbeszédet tudsz kezdeményezni.

—

4. Fejlesztés és Kódolás

Itt jön a technikai rész. Ezek a parancsok a kódodat vizsgálják, finomítják és dokumentálják.

* Parancs: /debug * Funkció: Elemez egy megadott kódrészletet, megkeresi a lehetséges hibákat, logikai problémákat, és javaslatot tesz a javításra. * Példa prompt: /debug [Illeszd be a problémás PHP vagy JavaScript kódodat]

* Parancs: /refactor * Funkció: Átírja a megadott kódot tisztább, olvashatóbb, hatékonyabb vagy biztonságosabb formára anélkül, hogy megváltoztatná a működését. * Példa prompt: /refactor Ez a PHP kódrészlet biztonságosabbá és karbantarthatóbbá tétele, SQL injection elleni védelemmel.

// Példa /debug és /refactor használatára:
// Eredeti, sebezhető kódrészlet:
$user_id = $_GET['id'];
$query = "SELECT * FROM users WHERE id = " . $user_id;

// Egy /refactor parancs után kaphatunk ilyen ajánlást:
$user_id = filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT);
if ($user_id) {
    $stmt = $pdo->prepare("SELECT * FROM users WHERE id = :id");
    $stmt->execute([':id' => $user_id]);
    $user = $stmt->fetch();
}

Fontos: Ezek a parancsok segítséget nyújtanak, de nem helyettesítik a tesztelést. A /debug által javasolt kódot mindig futtasd le fejlesztői környezetben először.

—

Összegzés

Ez a Slash Command Kisokos nem egy végső lista, hanem egy kiindulási pont. A lényeg, hogy elkezdd a ChatGPT-vel való kommunikációdat strukturálni, mintha egy kollégának adnál tömör, pontos feladatot. A hatékonyság nem a bonyolult promptokban, hanem a konzisztens, közös nyelv kialakításában rejlik. Próbáld ki ezeket a parancsokat a következő WordPress konfiguráció, ügyfél megbeszélés vagy kódrészlet elemzése során. Kezdd a Custom Instructions beállításával – ez az a kulcslépés, ami átalakítja a chatet egy valódi munkatársi környezetté.

A weboldalon megjelenő szöveges és vizuális tartalmak előállításához mesterséges intelligenciát (AI) használunk.