Apa Itu AUI? Paradigma Antarmuka Baru yang Dibutuhkan Setiap Produk
CTO HubSpot Dharmesh Shah baru saja membuat klaim berani: setiap perusahaan perangkat lunak B2B harus membangun versi “headless” dari produk mereka --- yang dirancang untuk agen AI, bukan manusia.
Tetapi dia langsung menambahkan peringatan: headless tidak berarti tanpa otak.
Pergeseran AUI
AUI --- Antarmuka Pengguna Agentic --- adalah paradigma desain yang sedang berkembang untuk perangkat lunak yang perlu bekerja dengan manusia dan agen AI. Ini bukan tentang menghapus antarmuka pengguna. Ini tentang menambahkan lapisan antarmuka kedua yang dirancang khusus untuk cara agen berinteraksi dengan produk Anda.
Seperti yang dikatakan Dharmesh: jika semua yang ingin dilakukan agen adalah menggunakan produk seperti yang dilakukan manusia, kita hanya akan menggunakan “computer use” (AI pemetaan layar yang mengklik tombol). Fakta bahwa kita membutuhkan sesuatu yang lebih baik memberi tahu Anda segalanya tentang ke mana desain perangkat lunak menuju.
Tantangan sebenarnya bukan mengekspos API. Setiap produk sudah memiliki API. Tantangannya adalah merancang ergonomi tentang bagaimana agen sebenarnya ingin mengonsumsi dan bertindak pada produk Anda.
Mengapa “Cukup Tambahkan MCP Server” Tidak Cukup
MCP (Model Context Protocol) telah menjadi cara default untuk menghubungkan agen AI ke alat eksternal. Dan itu berhasil. Tetapi poin Dharmesh halus: membungkus endpoint API yang ada dalam MCP server dan menyebutnya selesai adalah padanan 2026 dari membuat “situs web mobile” dengan mengecilkan situs desktop agar muat di layar ponsel.
Agen tidak berpikir seperti manusia. Mereka tidak menjelajah, memindai, dan mengklik. Mereka membutuhkan:
- Data terstruktur dan semantik --- bukan halaman HTML atau PDF, melainkan format bersih seperti Markdown dan JSON yang dapat diurai dan dipikirkan
- Kemampuan yang dapat ditemukan --- agen perlu memahami apa yang bisa dilakukan produk Anda tanpa membaca dokumentasi
- Perilaku yang dapat diprediksi --- agen tidak dapat menangani status UI yang ambigu, kotak dialog modal, atau konfirmasi “apakah Anda yakin?”
- Operasi yang dapat disusun --- kemampuan untuk merangkai tindakan tanpa intervensi manusia
Seperti Apa Desain AUI yang Baik
Google baru-baru ini meluncurkan A2UI (Agent-to-User Interface), protokol terbuka yang memungkinkan agen menghasilkan antarmuka pengguna secara alami --- memilih antarmuka yang tepat untuk setiap percakapan daripada memaksa semuanya melalui teks.
Tetapi Anda tidak memerlukan protokol baru untuk mulai memikirkan AUI. Berikut prinsip-prinsip yang penting:
1. Keluaran Terstruktur Lebih Dahulu
Keputusan AUI terpenting adalah format data Anda. Jika produk Anda mengeluarkan HTML, PDF, atau format proprietari, agen harus bekerja jauh lebih keras untuk mengekstrak makna.
Markdown menjadi format pertukaran default untuk era agentic. Cukup terstruktur untuk diurai agen, cukup mudah dibaca manusia untuk diverifikasi, dan cukup ringan untuk masuk dalam jendela konteks.
Inilah mengapa konversi konten web ke Markdown meledak pada 2026. Ketika agen perlu meneliti suatu topik, ia tidak menginginkan halaman web yang dirender --- melainkan teks bersih dan terstruktur.
2. Semantik, Bukan Visual
Antarmuka pengguna tradisional berkomunikasi melalui hierarki visual: judul tebal, tombol berwarna, tata letak spasial. Agen tidak melihat satupun dari ini. Mereka membutuhkan sinyal semantik:
- Judul yang jelas yang mendeskripsikan bagian konten
- Metadata yang menjelaskan apa yang diwakili setiap bagian data
- Struktur yang konsisten di seluruh jenis konten yang serupa
3. Basis Pengetahuan yang Dapat Dibaca Agen
Salah satu pola AUI paling praktis adalah sekadar membuat data produk Anda tersedia sebagai basis pengetahuan yang dapat dicari yang dapat dikueri agen.
Alih-alih membangun API kompleks untuk setiap alur kerja agen yang mungkin, ekspos data Anda sebagai file Markdown terstruktur dengan metadata yang baik. Agen dapat mencari, memfilter, dan membaca apa yang mereka butuhkan.
Ini adalah pendekatan yang diaktifkan MCP: alih-alih membangun antarmuka pengguna khusus agen untuk setiap kasus penggunaan, berikan agen akses baca ke data terstruktur dan biarkan mereka mencari tahu cara menggunakannya.
4. Pengungkapan Progresif untuk Agen
Seperti halnya antarmuka manusia yang baik tidak membuang semua informasi sekaligus, desain AUI yang baik memberi agen kemampuan untuk:
- Mendapatkan ringkasan terlebih dahulu, kemudian mendalami detail
- Mencari berdasarkan relevansi daripada menelusuri semuanya
- Meminta hanya data yang mereka butuhkan untuk tugas saat ini
AUI dalam Praktik: Pola Penangkapan Pengetahuan
Salah satu pola AUI paling umum yang muncul pada 2026 adalah pipeline penangkapan pengetahuan:
- Konten web (dirancang untuk manusia) dikonversi ke Markdown (dapat dibaca oleh manusia dan agen)
- File Markdown diorganisir ke dalam basis pengetahuan dengan metadata
- Agen mengakses basis pengetahuan melalui MCP atau protokol serupa
- Agen dapat mencari, membaca, dan mereferensikan silang konten di seluruh basis pengetahuan
Pola ini berhasil karena tidak memerlukan pembangunan ulang produk apa pun untuk agen. Ini menambahkan lapisan agentic di atas konten web yang ada.
Save mengimplementasikan pola ini dengan tepat. Halaman web apa pun --- dirancang untuk mata manusia --- dikonversi menjadi Markdown bersih dan native AI. Save Vault mengorganisirnya ke dalam basis pengetahuan. Server MCP bawaan membuat semuanya dapat dicari oleh Claude.
Hasilnya: informasi apa pun di web menjadi bagian dari lapisan pengetahuan agentic tanpa situs web asli melakukan apa pun yang berbeda.
Dua Tingkat Agentic
Dharmesh membuat perbedaan yang layak diingat. Dia memberi tahu tim eksekutif HubSpot:
Menjadi agentic bukan hanya tentang agen yang berjalan pada platform kami, ini tentang agen yang menjalankan platform kami.
Ada dua tingkat:
Tingkat 1: Agen di platform Anda --- Fitur AI yang tertanam dalam produk Anda. Chatbot, pelengkapan otomatis, ringkasan yang dihasilkan AI. Produk tetap dioperasikan manusia dengan bantuan AI.
Tingkat 2: Agen yang mengoperasikan platform Anda --- Agen AI yang dapat secara otonom menggunakan produk Anda untuk mencapai tujuan. Produk dioperasikan agen dengan pengawasan manusia.
Sebagian besar produk hari ini berada di Tingkat 1. Paradigma AUI adalah tentang mencapai Tingkat 2 --- dan itu memerlukan memikirkan ulang antarmuka produk Anda dari awal.
Apa Arti Ini bagi Pengguna
Anda tidak harus menunggu setiap produk membangun dukungan AUI. Anda bisa membuat lapisan agentic Anda sendiri hari ini:
- Konversi konten web ke Markdown --- Ini mengubah situs web yang dirancang manusia mana pun menjadi pengetahuan yang dapat dibaca agen
- Organisir ke dalam basis pengetahuan --- Susun konten yang disimpan agar agen dapat mencarinya secara efektif
- Hubungkan melalui MCP --- Berikan asisten AI Anda akses langsung ke pengetahuan yang Anda kurasi
Pendekatan ini bekerja dengan produk apa pun, situs web apa pun, sumber konten apa pun. Pada dasarnya Anda membangun lapisan AUI pribadi yang membuat seluruh web dapat diakses oleh alat AI Anda.
Masa Depan Antarmuka
Pergeseran AUI bukan tentang menggantikan antarmuka manusia. Ini tentang mengakui bahwa perangkat lunak kini memiliki dua audiens: manusia yang mengklik dan agen yang mengkueri.
Produk yang menang di era agentic akan menjadi yang dengan bijaksana merancang untuk keduanya. Dan pengguna yang berkembang akan menjadi mereka yang membangun lapisan pengetahuan agentic mereka sendiri --- mengubah web visual yang berantakan menjadi Markdown terstruktur, dapat dicari, dan siap untuk agen.
Paradigma antarmuka sedang berkembang. Pertanyaannya bukan apakah alat Anda membutuhkan lapisan agentic --- melainkan seberapa cepat Anda membangunnya.
Save mengonversi halaman web apa pun menjadi Markdown bersih dan siap untuk agen serta menyimpannya di basis pengetahuan lokal Anda. Server MCP bawaan Save Vault membuat konten yang disimpan dapat dicari oleh Claude. Coba Save gratis.