Builderius WordPress Sayfa Oluşturucu Claude AI'yı Entegre Ediyor

Builderius, Anthropic'in Claude'unu Model Bağlam Protokolü aracılığıyla canlı WordPress projelerine bağlayan deneysel bir yapay zeka entegrasyonunu yayınladı. Sürüm, yapay zekanın Builderius şablonunun tam durumunu okumasına ve yapısal değişiklikleri doğrudan görsel geliştirme ortamında uygulamasına olanak tanıyor. Sistem, izole edilmiş kod parçacıkları oluşturmak yerine gerçek şablon, stil sistemi ve veri yapısı üzerinde çalışır.

Builderius, sürümü 21 Şubat 2026'da duyurdu. Kullanıcılar, kendi aboneliklerini veya API kimlik bilgilerini kullanarak Claude'u kendi Builderius kurulumlarına bağlarlar. WordPress kurulumları yerel veya uzak olabilir. Bağlandıktan sonra yapay zeka, öğe ağacı, CSS çerçevesi, veri değişkenleri, GraphQL şeması, kesme noktaları ve o anda seçili öğe dahil olmak üzere etkin şablonu okur. Daha sonra değişiklikleri doğrudan oluşturucunun içine uygulayabilir. Basın bülteni, kullanıcıların bir projeyi manuel olarak tanımlaması gerektiğinde ortaya çıkan sorunları anlatıyor ve entegrasyonu, yapay zekanın canlı şablonu okumasına ve değişiklikleri doğrudan uygulamasına izin vermek olarak tanımlıyor.

Yapılandırılmış Kontrol İçin Tasarlanmış Mimari

Builderius, WordPress için şablonları JSON olarak depolayan ve her düğümün doğrudan bir HTML öğesine eşlendiği görsel bir geliştirme ortamı geliştirir. Oluşturucuda görünen ağaç, sayfada oluşturulan ağacın aynısıdır. CSS sınıfları, değişkenler, öğe ayarları ve GraphQL şeması, proje içinde yapılandırılmış veriler olarak bulunur. Mimari, geliştirici kontrolü için tasarlandı ve aynı yapı artık yapay zekaya herhangi bir eylem gerçekleştirmeden önce canlı proje durumuna erişim sağlıyor.

Builderius'un önceki sürümleri, Claude'un belgelere referans vermesine ancak gerçek projeyi incelemesine izin vermeyen harici AI beceri dosyalarını kullanıyordu. Yeni entegrasyon bu sınırlamayı ortadan kaldırıyor. Yapay zeka, MCP aracılığıyla kod yazmadan veya öğeleri düzenlemeden önce canlı şablonu okur. Öğe ağacı, GraphQL şeması ve çözümlenmiş değerlere sahip veri değişkenleri dahil olmak üzere harekete geçmeden önce canlı proje durumunu okur. Basın bülteninde yapay zekanın çıktıyı doğrulayabileceği ve değişiklikleri doğrudan uygulayabileceği belirtiliyor. Bu erişim, yapay zekanın yalnızca belgelere güvenmek yerine canlı projeyi okumasına olanak tanır.

Doğrudan Kanvas Düzenleme ve CSS Farkındalığı

Sistem, canlı tuvalde çalışan çeşitli yetenekler sunar. Yapay zeka, öğeleri doğrudan ekler, taşır, çoğaltır, siler ve yapılandırır. Yeni stiller yazmadan önce projenin CSS'sindeki her sınıfı, değişkeni ve kuralı okur ve önce mevcut sınıfları uygular. Yeni CSS oluşturduğunda, bunu satır içi stiller yerine yeniden kullanılabilir şablon düzeyindeki sınıflara yerleştirir. Ayrıca kullanıcının hangi öğeyi seçtiğini algılar ve bağlamın manuel olarak tanımlanmasına gerek kalmadan bu öğenin içine içerik ekler veya düzenler. Basın bülteni, tekrarlayan tıklamaların büyük yapılar oluşturmanın bir sorunu olduğunu belirtiyor ve yapay zekanın yeni stiller yazmadan önce projenin CSS'sini okuduğunu ve önce mevcut sınıfları uyguladığını söylüyor.

Şema Doğrulamalı Veri Döngüleri ve Daha Hızlı Yapılandırma

En ayrıntılı özelliklerden biri dinamik veri döngülerini içerir. Yapay zeka, WordPress GraphQL şemasını okur, doğrulanmış alan adlarını kullanarak sorgular yazar, gerekli veri değişkenini oluşturur, çözümlenen çıktıyı kontrol eder ve döngü yapısını doğru bağlama sözdizimiyle oluşturur.

Basın bülteninde, veri döngülerinin daha önce dikkatli bir şekilde iç içe yerleştirilmesi, hassas ciltleme söz dizimi ve görüntü nitelikleri gibi uç durumlara dikkat edilmesi gerektiği belirtiliyor. İlk denemede “En son 6 yayınımı küçük resimler, başlıklar ve alıntılarla birlikte bir ızgarada göster” gibi bir istemin doğru çıktığını söylüyor.

Şirket ayrıca, bir zamanlar bir ila iki saat süren dokümantasyon incelemesi ve hata ayıklamanın artık bir dakikadan az sürebileceğini belirtiyor.

Oluşturma Zamanında Duyarlı Düzenler ve Erişilebilirlik

Yapay zeka, tanımlanmış kesme noktalarını okur ve düzen değişikliklerini doğru ekran boyutunda uygular. Bir kullanıcı mobil cihazda çok sütunlu bir düzeni istiflemeyi istediğinde yapay zeka uygun kesme noktasına geçiş yapar ve düzeni ayarlar. Basın bülteninde yapay zekanın başlık, gezinme, ana ve makale gibi anlamsal HTML öğelerini kullandığı, başlık hiyerarşisini koruduğu ve öğe oluşturma sırasında ARIA niteliklerini ayarladığı belirtiliyor. Kullanıcılar, on iki kontrol gerçekleştiren ve sıfırdan yüze kadar puan döndüren bir WCAG 2.2 denetimi talep edebilir. Basın bülteninde erişilebilirliğin ayrı bir adım olarak değil, öğe oluşturma sırasında uygulandığı belirtiliyor.

Tanımlı Limitlerle Deneysel Yayın

Builderius entegrasyon için sınırları tanımlar. Yapay zeka görüntü oluşturmuyor. Özel PHP eklentileri veya JavaScript komut dosyaları yazmaz. Builderius'un element sistemi ve GraphQL katmanında çalışır. Siteleri dağıtmaz ve kullanıcı onayı olmadan değişiklikleri otomatik olarak kaydetmez. Şirket, sürümü deneysel olarak adlandırıyor ve yapay zekanın harekete geçmeden önce tüm proje durumunu okuduğunu, bunun sistemi doğru hale getirdiğini ancak başlık değiştirmek gibi basit düzenlemeler için işlem süresini artırdığını söylüyor.

Planlanan Bileşen ve Koşullu Rendering Desteği

Builderius, yazı tipine, oturum açma durumuna, özel alanlara veya ifadelere dayalı olarak yazılan özellikler ve koşullu işleme ile yeniden kullanılabilir bileşen oluşturma desteği eklemeyi planlıyor. Şirket ayrıca tek bir metin isteminden, sorgu yardımını dinamik veri panelinin içine yerleştirmek veya istemleri seçilen öğelerin yakınında düzenlemek gibi oluşturucu panellerindeki bağlamsal istemlere doğru geçmeyi planlıyor. Sürüm, bir yapay zeka modelinin canlı bir WordPress şablonunu yapısal düzeyde okumasına ve değiştirmesine olanak tanıyan deneysel bir sistemin ilk genel sürümünü işaret ediyor.

Shutterstock/officeBBstudio'dan Öne Çıkan Görsel


Yayımlandı

kategorisi

yazarı:

Etiketler:

Yorumlar

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir