Rekan setim AI seperti Dots dari OpenAI, Muse dari Meta, dan Bot dari Grok pada dasarnya adalah AI yang diberi komputer sendiri.
Saya membangun seluruh sistem ini dari nol. Setelah lebih dari 2 jam, saya merangkum seluruh prosesnya ke dalam gambar ini.
AI bisa memesan tiket pesawat dan menulis email untuk menawar harga kepada pemasok. Kalau AI menemui informasi yang tidak diketahuinya, Anda bisa langsung mengambil alih desktop-nya dan mengisi informasi itu. Hal-hal yang Anda sampaikan lewat obrolan pribadi juga bisa diingatnya saat mengobrol di grup.
Gambar ini bisa dibaca seperti ini.
Baris paling atas berisi tiga diagram arsitektur. Mulailah dari sebelah kiri untuk melihat gambaran keseluruhan sistem dan siapa berbicara dengan siapa.
Bagian tengah menunjukkan bagaimana sebuah pesan dikirim: bagaimana kalimat berpindah dari kotak obrolan ke AI lalu kembali lagi. Bagian kanan menunjukkan desktop yang bisa dilihat dan diambil alih: bagaimana Anda melihat layar AI dan mengambil alihnya. Di bawahnya ada 12 kartu yang menunjukkan urutan pembangunan, dari kiri ke kanan, lalu dari atas ke bawah.
Gambar ini hanya punya satu alur utama: pertama, berikan AI pustaka komponen dasar siap pakai, keterampilan, dan contoh yang sudah ada. Lalu, minta AI membuat fitur dan melakukan commit setelah selesai. Mulai dari proyek kosong, bangun satu per satu: login dengan Clerk, basis data dengan Neon, antarmuka obrolan, lalu hubungkan worker di latar belakang yang tidak terganggu saat halaman dimuat ulang dan komputer cloud Daytona untuk tiap bot. Terakhir, tambahkan memori obrolan grup, penagihan, dan pemantauan error dengan Sentry. Tidak sulit.
Kalau ingin melihat satu bagian lebih dulu, lihat kotak hijau di bawah diagram arsitektur. Di situ dijelaskan mengapa AI tidak bisa dijalankan di backend situs web dan harus menggunakan worker stateless tersendiri.
Memuat ulang halaman, crash, dan deployment bisa menghentikan tugas yang berjalan lama. Ini salah satu hal yang harus diperhitungkan dalam desain ini. Kalau ingin menghindari masalah, periksa label merahnya: sandbox paket gratis tidak memiliki akses ke jaringan eksternal; AI akan berpindah branch sendiri; deployment gagal karena templat Next.js di dalam skill dianggap sebagai aplikasi kedua.
Tulisannya kecil, jadi perbesar gambarnya. Sangat berguna. $NVDAB
Saya membangun seluruh sistem ini dari nol. Setelah lebih dari 2 jam, saya merangkum seluruh prosesnya ke dalam gambar ini.
AI bisa memesan tiket pesawat dan menulis email untuk menawar harga kepada pemasok. Kalau AI menemui informasi yang tidak diketahuinya, Anda bisa langsung mengambil alih desktop-nya dan mengisi informasi itu. Hal-hal yang Anda sampaikan lewat obrolan pribadi juga bisa diingatnya saat mengobrol di grup.
Gambar ini bisa dibaca seperti ini.
Baris paling atas berisi tiga diagram arsitektur. Mulailah dari sebelah kiri untuk melihat gambaran keseluruhan sistem dan siapa berbicara dengan siapa.
Bagian tengah menunjukkan bagaimana sebuah pesan dikirim: bagaimana kalimat berpindah dari kotak obrolan ke AI lalu kembali lagi. Bagian kanan menunjukkan desktop yang bisa dilihat dan diambil alih: bagaimana Anda melihat layar AI dan mengambil alihnya. Di bawahnya ada 12 kartu yang menunjukkan urutan pembangunan, dari kiri ke kanan, lalu dari atas ke bawah.
Gambar ini hanya punya satu alur utama: pertama, berikan AI pustaka komponen dasar siap pakai, keterampilan, dan contoh yang sudah ada. Lalu, minta AI membuat fitur dan melakukan commit setelah selesai. Mulai dari proyek kosong, bangun satu per satu: login dengan Clerk, basis data dengan Neon, antarmuka obrolan, lalu hubungkan worker di latar belakang yang tidak terganggu saat halaman dimuat ulang dan komputer cloud Daytona untuk tiap bot. Terakhir, tambahkan memori obrolan grup, penagihan, dan pemantauan error dengan Sentry. Tidak sulit.
Kalau ingin melihat satu bagian lebih dulu, lihat kotak hijau di bawah diagram arsitektur. Di situ dijelaskan mengapa AI tidak bisa dijalankan di backend situs web dan harus menggunakan worker stateless tersendiri.
Memuat ulang halaman, crash, dan deployment bisa menghentikan tugas yang berjalan lama. Ini salah satu hal yang harus diperhitungkan dalam desain ini. Kalau ingin menghindari masalah, periksa label merahnya: sandbox paket gratis tidak memiliki akses ke jaringan eksternal; AI akan berpindah branch sendiri; deployment gagal karena templat Next.js di dalam skill dianggap sebagai aplikasi kedua.
Tulisannya kecil, jadi perbesar gambarnya. Sangat berguna. $NVDAB