97digital

Konsultasi

97digital / Bricks

Bricks Builder 2.4: Ability API untuk Agent

July 17, 2026

AI & Automation, Bricks · 2 minutes

Article

The full story, built in Bricks

Versi 2.4 membawa Abilities API — kita bisa bikin, baca, dan ubah elemen Bricks lewat MCP langsung. Tidak perlu buka builder UI untuk hal-hal repetitif.

Ini game changer buat automation: page bisa dibangun dari nol, di-audit, dan di-fix tanpa sentuh dashboard. Bukan sekadar membuat markup, agent juga bisa membaca struktur yang sudah ada lalu melakukan perubahan dengan konteks yang jelas.

AI chat interface on a computer
Abilities API membuka alur kerja visual dan teknis yang bisa diverifikasi langsung.

Apa yang berubah untuk workflow Bricks?

Sebelum Abilities API, banyak pekerjaan Bricks bergantung pada builder UI: mencari element, membuka panel, mengubah setting, menyimpan, lalu mengecek ulang frontend. Alur itu masih berguna untuk pekerjaan visual, tetapi kurang efisien untuk perubahan berulang dan audit yang membutuhkan konsistensi.

Dengan API, setiap element memiliki identitas dan settings yang dapat dibaca secara terstruktur. Kita bisa memeriksa template, menemukan query loop, membaca dynamic tag, dan memastikan kondisi template tersimpan sesuai target.

Dari prompt ke element tree

Agent tidak seharusnya menebak JSON element. Workflow yang aman dimulai dari schema runtime, lalu membuat element dengan key yang benar. Setelah mutation, tree dibaca kembali untuk memastikan parent, children, dan settings tidak berubah secara tidak sengaja.

Read, write, verify

Pola praktisnya sederhana: baca konteks, validasi schema, lakukan perubahan kecil, baca kembali hasilnya, render-check, lalu buka halaman live. Dengan pola ini, masalah seperti setting yang salah, dynamic tag yang kosong, atau elemen yang hilang bisa diketahui sebelum dianggap selesai.

Mengapa verifikasi frontend tetap penting?

Data yang tersimpan belum tentu berarti pengalaman pengguna sudah benar. CSS bisa tertimpa, header sticky bisa menutupi elemen, dan dynamic content bisa kosong walaupun tokennya terlihat benar di tree. Karena itu hasil API perlu dibandingkan dengan DOM live, computed style, ukuran viewport, dan perilaku saat scroll atau klik.

Contohnya, progress bar artikel harus diuji pada halaman yang benar-benar panjang. Artikel pendek tidak cukup untuk memastikan fill bar bergerak. Image di dalam konten juga membantu memvalidasi spacing, lazy loading, caption, dan hubungan antara konten WordPress dengan template Bricks.

Penutup

Abilities API membuat Bricks lebih mudah dioperasikan sebagai sistem yang bisa dibaca dan diaudit, bukan hanya canvas visual. Kombinasi schema-first, dynamic data, dan verifikasi frontend memberi fondasi yang lebih aman untuk membangun template yang konsisten.

View reading list

Related articles

More practical notes from the same topics.

Modern web design workspace

Bricks, WordPress · July 17, 2026

Query Loop: Tampilkan Artikel Tanpa Plugin

Tampilkan daftar artikel otomatis cukup dengan query loop + dynamic tag, tanpa plugin.

Read article
Colorful programming code on screen

Bricks, Design Systems · July 17, 2026

Dark Mode yang Beneran Kerja di Bricks

Dark mode yang awet pakai semantic palette, bukan hardcode hex per elemen.

Read article

Keep exploring

Find more practical notes on design systems, Bricks, and WordPress.

Visit 97digital
Article URL copied