Pembuat halaman WordPress Builderius mengintegrasikan Claude AI – Beragampengetahuan

Builderius telah merilis integrasi AI eksperimental yang menghubungkan Claude Anthropic dengan proyek WordPress langsung melalui protokol Model Context. Rilis ini memungkinkan AI untuk membaca status lengkap template Builderius dan menerapkan perubahan struktural secara langsung di lingkungan pengembangan visual. Daripada menghasilkan potongan kode yang terisolasi, sistem beroperasi pada template sebenarnya, sistem gayanya, dan struktur datanya.

Builderius mengumumkan rilisnya pada 21 Februari 2026. Pengguna menghubungkan Claude ke instalasi Builderius mereka sendiri menggunakan langganan atau kredensial API mereka sendiri. Instalasi WordPress bisa bersifat lokal atau jarak jauh. Setelah terhubung, AI membaca template aktif, termasuk pohon elemen, frame CSS, variabel data, skema GraphQL, breakpoint, dan elemen yang saat ini dipilih. Itu kemudian dapat menerapkan perubahan langsung di dalam pembuatnya. Siaran pers menjelaskan masalah yang muncul ketika pengguna harus menjelaskan proyek secara manual, dan menjelaskan integrasi sebagai membiarkan AI membaca template langsung dan menerapkan perubahan secara langsung.

Arsitektur dirancang untuk kontrol terstruktur

Builderius telah mengembangkan lingkungan pengembangan visual untuk WordPress yang menyimpan templat sebagai JSON, dengan setiap node dipetakan langsung ke elemen HTML. Pohon yang terlihat di pembuat adalah pohon yang sama dengan yang ditampilkan di halaman. Kelas CSS, variabel, pengaturan elemen, dan skema GraphQL ada sebagai data terstruktur dalam proyek. Arsitekturnya dirancang untuk kontrol pengembang, dan sekarang struktur yang sama memberi AI akses ke status proyek secara real-time sebelum tindakan apa pun dilakukan.

Versi Builderius sebelumnya menggunakan file keterampilan AI eksternal, memungkinkan Claude untuk mereferensikan dokumentasi tetapi tidak memeriksa proyek sebenarnya. Integrasi baru menghilangkan batasan ini. Dengan MCP, AI membaca template langsung sebelum menulis kode atau mengedit elemen. Ia membaca status proyek secara real-time, termasuk pohon elemen, skema GraphQL, dan variabel data dengan nilai yang diurai, sebelum melakukan operasi. AI dapat memvalidasi keluaran dan menerapkan perubahan secara langsung, kata rilis tersebut. Akses ini memungkinkan AI untuk membaca proyek yang sedang berjalan dibandingkan hanya mengandalkan dokumen.

Pengeditan kanvas langsung dan kesadaran CSS

Sistem ini memperkenalkan berbagai fitur yang berjalan di kanvas langsung. AI secara langsung menambah, memindahkan, menyalin, menghapus, dan mengonfigurasi elemen. Sebelum menulis gaya baru, ia membaca setiap kelas, variabel, dan aturan dalam CSS proyek dan menerapkan kelas yang ada terlebih dahulu. Saat menghasilkan CSS baru, ia menempatkannya di kelas tingkat templat yang dapat digunakan kembali, bukan dalam gaya sebaris. Ini juga mendeteksi elemen mana yang telah dipilih pengguna dan menyisipkan atau mengedit konten di dalam elemen tersebut tanpa menjelaskan konteksnya secara manual. Siaran pers menjelaskan klik duplikat sebagai masalah saat membangun struktur besar, dan mengatakan AI membaca CSS item dan menerapkan kelas yang ada terlebih dahulu sebelum menulis gaya baru.

Loop data yang divalidasi skema dan konfigurasi lebih cepat

Salah satu fitur paling detail melibatkan perulangan data dinamis. AI membaca skema GraphQL WordPress, menulis kueri menggunakan nama bidang yang divalidasi, membuat variabel data yang diperlukan, memeriksa keluaran yang diurai, dan membangun struktur loop menggunakan sintaks pengikatan yang benar.

Siaran pers mencatat bahwa loop data sebelumnya memerlukan penyusunan yang cermat, sintaksis pengikatan yang tepat, dan perhatian pada kasus tepi seperti properti gambar. Dikatakan bahwa perintah seperti “Tampilkan 6 postingan terbaru saya dalam kotak dengan thumbnail, judul, dan kutipan” sudah benar pada percobaan pertama.

Perusahaan juga mengatakan bahwa peninjauan dan debugging dokumen yang dulunya memakan waktu satu hingga dua jam, kini hanya membutuhkan waktu kurang dari satu menit.

Buat dengan tata letak responsif dan aksesibilitas

AI membaca breakpoint yang ditentukan dan menerapkan perubahan tata letak pada ukuran layar yang benar. Saat pengguna meminta tata letak multi-kolom bertumpuk di perangkat seluler, AI akan beralih ke titik henti sementara yang sesuai dan menyesuaikan tata letak. AI menggunakan elemen HTML semantik seperti judul, navigasi, utama dan posting, mempertahankan hierarki judul dan menetapkan atribut ARIA selama pembuatan elemen, kata siaran pers. Pengguna dapat meminta audit WCAG 2.2, yang menjalankan 12 pemeriksaan dan mengembalikan skor dari 0 hingga 100. Aksesibilitas diterapkan selama proses pembuatan elemen, bukan sebagai langkah terpisah, kata siaran persnya.

Rilis eksperimental dengan batasan yang jelas

Builderius mendefinisikan batas-batas integrasi. AI tidak menghasilkan gambar. Itu tidak menulis plugin PHP khusus atau skrip JavaScript. Ia bekerja dalam sistem elemen Builderius dan lapisan GraphQL. Itu tidak menyebarkan situs atau secara otomatis menyimpan perubahan tanpa konfirmasi pengguna. Perusahaan menyebut rilis tersebut eksperimental dan mengatakan AI membaca status proyek secara lengkap sebelum mengambil tindakan, yang membuat sistem akurat tetapi meningkatkan waktu pemrosesan untuk pengeditan sederhana seperti mengubah judul.

Komponen terjadwal dan dukungan rendering bersyarat

Builderius berencana menambahkan dukungan untuk pembuatan komponen yang dapat digunakan kembali dengan properti yang diketik dan rendering bersyarat berdasarkan jenis posting, status masuk, bidang atau ekspresi khusus. Perusahaan juga berencana untuk beralih dari perintah teks tunggal ke perintah kontekstual dalam panel pembuat, seperti menempatkan bantuan kueri atau perintah pengeditan di dekat elemen yang dipilih dalam panel data dinamis. Rilis ini menandai rilis publik pertama dari sistem eksperimental yang memungkinkan model kecerdasan buatan membaca dan memodifikasi template WordPress langsung pada tingkat struktural.

Gambar unggulan milik Shutterstock/officeBBstudio