A Builderius WordPress Page Builder integrálja a Claude AI-t

Peter

A Builderius kiadott egy kísérleti AI-integrációt, amely összekapcsolja az Anthropic’s Claude-ot élő WordPress projektekkel a Model Context Protocol segítségével. A kiadás lehetővé teszi a mesterséges intelligencia számára, hogy beolvassa a Builderius sablon teljes állapotát, és közvetlenül a vizuális fejlesztési környezetben alkalmazza a szerkezeti változtatásokat. Ahelyett, hogy izolált kódrészleteket generálna, a rendszer a tényleges sablonon, annak stílusrendszerén és adatszerkezetén dolgozik.

A Builderius 2026. február 21-én jelentette be a kiadást. A felhasználók saját előfizetésük vagy API hitelesítő adataik segítségével csatlakoztatják a Claude-ot saját Builderius-telepítésükhöz. A WordPress telepítése lehet helyi vagy távoli. A csatlakozás után az AI beolvassa az aktív sablont, beleértve az elemfát, a CSS-keretrendszert, az adatváltozókat, a GraphQL-sémát, a töréspontokat és az aktuálisan kiválasztott elemet. Ezután közvetlenül az építőben alkalmazhatja a módosításokat. A sajtóközlemény leírja azokat a problémákat, amelyek akkor merülnek fel, amikor a felhasználóknak manuálisan kell leírniuk egy projektet, és az integrációt úgy írják le, hogy az AI beolvassa az élő sablont és közvetlenül alkalmazza a változtatásokat.

Strukturált vezérlésre tervezett architektúra

A Builderius vizuális fejlesztői környezetet fejleszt a WordPress számára, amely a sablonokat JSON-ként tárolja, és minden csomópont közvetlenül egy HTML-elemhez van hozzárendelve. Az építőben látható fa ugyanaz, mint az oldalon. A CSS-osztályok, változók, elembeállítások és a GraphQL-séma strukturált adatként léteznek a projekten belül. Az architektúrát fejlesztői vezérlésre tervezték, és ugyanaz a struktúra most már az AI-nak hozzáférést biztosít az élő projekt állapotához, mielőtt bármilyen műveletet végrehajtana.

A Builderius korábbi verziói külső mesterséges intelligencia készségfájlokat használtak, amelyek lehetővé tették Claude-nak, hogy hivatkozzon a dokumentációra, de nem vizsgálja meg a tényleges projektet. Az új integráció megszünteti ezt a korlátozást. Az MCP-n keresztül az AI beolvassa az élő sablont, mielőtt kódot írna vagy elemeket szerkesztene. A cselekvés előtt beolvassa az élő projekt állapotát, beleértve az elemfát, a GraphQL sémát és a feloldott értékekkel rendelkező adatváltozókat. A sajtóközlemény szerint az AI ellenőrizheti a kimenetet és közvetlenül alkalmazhatja a változtatásokat. Ez a hozzáférés lehetővé teszi az AI számára, hogy elolvassa az élő projektet, ahelyett, hogy csak a dokumentációra hagyatkozna.

Közvetlen vászonszerkesztés és CSS-tudatosság

A rendszer számos olyan képességet vezet be, amelyek az élő vásznon működnek. Az AI közvetlenül ad hozzá, mozgat, másol, töröl és konfigurál elemeket. Az új stílusok írása előtt minden osztályt, változót és szabályt beolvas a projekt CSS-jében, és először a meglévő osztályokat alkalmazza. Amikor új CSS-t hoz létre, a soron belüli stílusok helyett újrafelhasználható sablonszintű osztályokba helyezi azt. Azt is észleli, hogy a felhasználó melyik elemet választotta ki, és tartalmat illeszt be vagy szerkeszt az elembe anélkül, hogy a kontextus manuális leírása lenne szükséges. A sajtóközlemény leírja, hogy az ismétlődő kattintás a nagy struktúrák felépítésének problémája, és azt mondja, hogy az AI beolvassa a projekt CSS-jét, mielőtt új stílusokat írna, és először alkalmazza a meglévő osztályokat.

Séma-ellenőrzött adathurkok és gyorsabb konfigurálás

Az egyik legrészletesebb szolgáltatás a dinamikus adathurkok. Az AI beolvassa a WordPress GraphQL sémáját, lekérdezéseket ír le ellenőrzött mezőnevek használatával, létrehozza a szükséges adatváltozót, ellenőrzi a feloldott kimenetet, és megfelelő kötési szintaxissal felépíti a hurokstruktúrát.

A sajtóközlemény szerint az adathurkok korábban gondos egymásba ágyazást, pontos kötési szintaxist és az éles esetekre, például a képattribútumokra való odafigyelést igényeltek. Azt írja ki, hogy az olyan felszólítás, mint például: „Mutasd a legutóbbi 6 bejegyzésemet egy rácsban indexképekkel, címekkel és kivonatokkal” az első próbálkozásra helyesen jelenik meg.

A cég azt is kijelenti, hogy ami korábban egy-két órányi dokumentáció-ellenőrzést és hibakeresést igényelt, az most egy percig is eltarthat.

Reszponzív elrendezések és hozzáférhetőség a létrehozáskor

Az AI beolvassa a meghatározott töréspontokat, és a megfelelő képernyőméretnél alkalmazza az elrendezés módosításait. Amikor a felhasználó többoszlopos elrendezést kér a mobileszközön, az AI átvált a megfelelő töréspontra, és módosítja az elrendezést. A sajtóközlemény szerint az AI szemantikus HTML-elemeket használ, például fejlécet, navigációt, főcímet és cikket, fenntartja a fejléc-hierarchiát, és beállítja az ARIA-attribútumokat az elemek létrehozása során. A felhasználók kérhetnek WCAG 2.2 auditot, amely tizenkét ellenőrzést hajt végre, és nulláról százra ad vissza pontszámot. A sajtóközlemény szerint az akadálymentesítést az elem létrehozása során alkalmazzák, nem pedig külön lépésként.

Kísérleti kiadás meghatározott korlátokkal

A Builderius korlátokat szab az integrációnak. Az AI nem generál képeket. Nem ír egyedi PHP-bővítményeket vagy JavaScript-szkripteket. A Builderius elemrendszerén és a GraphQL rétegen belül működik. Nem telepíti a webhelyeket, és nem menti el automatikusan a változtatásokat a felhasználó jóváhagyása nélkül. A vállalat kísérletinek nevezi a kiadást, és azt állítja, hogy az AI beolvassa a teljes projektállapotot, mielőtt cselekszik, ami állításuk szerint pontosítja a rendszert, de megnöveli a feldolgozási időt az egyszerű szerkesztések, például a címsor módosítása esetén.

Tervezett komponens- és feltételes renderelési támogatás

A Builderius azt tervezi, hogy támogatja az újrafelhasználható összetevők létrehozását beírt tulajdonságokkal és feltételes megjelenítéssel a bejegyzés típusa, bejelentkezési állapota, egyéni mezők vagy kifejezések alapján. A vállalat azt is tervezi, hogy az egyetlen szöveges promptról áttér a kontextuális promptokra az építőpaneleken belül, mint például a lekérdezési segítség elhelyezése a dinamikus adatpanelen belül, vagy a promptok szerkesztése a kiválasztott elemek közelében. A kiadás egy olyan kísérleti rendszer első nyilvános verziója, amely lehetővé teszi egy mesterséges intelligencia modell számára, hogy strukturális szinten olvasson és módosítson egy élő WordPress-sablont.

A szerzőről

Peter, az eOldal.hu tapasztalt SEO szakértője és tartalomgyártója. Több mint 10 éve foglalkozik keresőoptimalizálással és online marketinggel, amelyek révén számos magyar vállalkozás sikerét segítette elő. Cikkeiben részletes és naprakész információkat nyújt az olvasóknak a legfrissebb SEO trendekről és stratégiákról.