Claude kini bisa membantu membuat website “berdasarkan penglihatan” lewat pendekatan visual, bukan hanya lewat perintah teks. Kemampuan ini datang melalui Drawbridge, sebuah ekstensi Chrome gratis dan open source yang memungkinkan pengguna menandai elemen di browser dengan screenshot, HTML, komentar, dan area fokus agar instruksi ke AI jadi lebih jelas.
Bagi banyak pengguna, cara kerja ini terasa lebih dekat dengan proses desain biasa. Alih-alih menjelaskan perubahan dengan kalimat panjang, pengguna cukup menunjuk elemen di layar, menambahkan catatan, lalu membiarkan AI menerjemahkan arahan itu menjadi tugas yang lebih presisi.
Apa yang dibawa Drawbridge ke alur kerja Claude
Drawbridge dirancang untuk menjembatani niat desain manusia dan eksekusi AI. Ekstensi ini membantu pengguna memberi konteks visual pada elemen web, sehingga AI tidak hanya membaca instruksi, tetapi juga memahami posisi, bentuk, dan hubungan antarbagian di halaman.
Menurut artikel referensi, Drawbridge mendukung anotasi menggunakan screenshot, HTML, dan komentar. Kombinasi itu membuat instruksi menjadi lebih spesifik dan mengurangi risiko salah tafsir yang sering muncul saat AI hanya menerima prompt berbasis teks.
Cara kerjanya di browser
Drawbridge bekerja langsung di browser dan dapat digunakan untuk menandai elemen tertentu di halaman web. Pengguna bisa menambahkan catatan pada komponen yang ingin diubah, membatasi area kerja dengan bounding region, lalu menyimpan tugas agar siap diproses oleh AI.
Alur ini juga mendukung penyimpanan tugas dalam file markdown bernama mo_tasks.md. Dengan cara itu, instruksi tetap rapi, mudah dilacak, dan lebih aman dari kesalahan eksekusi yang biasa terjadi saat tugas berpindah-pindah secara manual.
Berikut ringkasan langkah penggunaan yang dijelaskan dalam sumber:
- Unduh dan pasang ekstensi Chrome gratis dari repositori resmi.
- Hubungkan plugin ke workspace lokal yang sedang digunakan.
- Tandai elemen atau bagian halaman yang ingin diproses.
- Tambahkan komentar, screenshot, atau area fokus sebagai instruksi visual.
- Simpan tugas dalam
mo_tasks.mduntuk diproses AI.
Tiga mode kerja yang disediakan
Drawbridge menawarkan tiga mode operasi yang memberi tingkat kontrol berbeda kepada pengguna. Fitur ini penting karena kebutuhan pengguna tidak selalu sama, terutama saat ada pekerjaan yang butuh pengawasan ketat atau justru perlu selesai cepat.
| Mode | Fungsi utama | Cocok untuk |
|---|---|---|
| Step Mode | Memproses tugas satu per satu dengan persetujuan di tiap langkah | Pengguna yang ingin kontrol penuh |
| Batch Mode | Mengelompokkan tugas serupa agar lebih cepat, dengan checkpoint persetujuan | Pekerjaan berulang yang tetap perlu pengawasan |
| YOLO Mode | Menjalankan tugas secara otomatis tanpa intervensi pengguna | Eksekusi cepat dan otomatisasi tinggi |
Model seperti ini menunjukkan bahwa Drawbridge tidak hanya menekankan otomatisasi, tetapi juga memberi ruang untuk kontrol manusia. Dalam praktiknya, pengguna dapat memilih mode yang paling sesuai dengan tingkat risiko dan kompleksitas tugas.
Siapa yang paling diuntungkan
Sumber menyebut Drawbridge ditujukan untuk dua kelompok besar, yaitu pengembang dan pengguna non-teknis. Pengembang bisa menghemat waktu dari pekerjaan visual berulang, sedangkan pengguna tanpa latar belakang coding tetap bisa memberi instruksi tanpa harus berurusan dengan terminal atau sintaks pemrograman yang rumit.
Pendekatan ini juga memperluas akses ke alat bantu AI dalam desain web. Dengan antarmuka yang lebih visual, hambatan teknis menjadi lebih rendah dan proses kolaborasi antara manusia dan AI menjadi lebih mudah dipahami.
Mengapa pendekatan visual ini penting
Dalam banyak kasus, AI kesulitan menafsirkan maksud pengguna jika instruksi terlalu umum. Anotasi visual membantu memperjelas konteks karena AI menerima petunjuk yang lebih konkret, termasuk lokasi elemen dan tujuan perubahan yang diinginkan.
Drawbridge juga memakai format terstruktur seperti JSON untuk mencatat tugas. Format ini penting karena membuat instruksi lebih mudah ditelusuri, diuji, dan diperbaiki jika hasilnya belum sesuai harapan.
Pendekatan seperti ini sejalan dengan tren alat AI yang makin mengutamakan aksesibilitas. Semakin sedikit pengguna harus menulis prompt teknis, semakin luas pula kemungkinan penggunaan teknologi tersebut di luar kalangan developer.
Apa yang membuatnya menarik untuk alur kerja modern
Drawbridge menempatkan proses desain pada titik temu antara intuisi visual dan presisi teknis. Saat pengguna memberi arahan lewat tampilan browser, AI dapat membaca konteks yang lebih nyata dibandingkan instruksi teks biasa, sehingga hasil kerja menjadi lebih sesuai dengan niat awal.
Karena bersifat open source, proyek ini juga berpotensi berkembang lewat kontribusi komunitas. Pembaruan rutin, materi pelatihan, dan diskusi pengguna dapat membantu memperbaiki efektivitasnya dalam workflow web design dan otomasi berbasis AI, terutama bagi mereka yang ingin bekerja cepat tanpa kehilangan kendali atas hasil akhir.
