Koding Santai untuk Pemula: ChatGPT vs Claude vs Grok

Munculnya vibe coding didasarkan pada janji layanan seperti GPT-5: bahwa di masa depan, kamu tidak perlu tahu cara memprogram sama sekali untuk “membuat” perangkat lunak—cukup dengan menyampaikan ide perangkat lunak dalam bahasa Inggris sederhana. AI akan menangani semua pemrograman dan debugging untukmu.

Tujuan utamanya: “perangkat lunak sesuai permintaan,” atau aplikasi, situs web, atau visualisasi apa pun yang bisa dibayangkan, kapan pun dibutuhkan. Tapi seberapa dekat kita dengan hal itu? Jika kamu benar-benar awam dalam coding dan tidak ingin belajar coding sendiri, bisakah kamu mengharapkan hasil yang bisa dipakai? Saya mencoba beberapa layanan AI konsumen besar untuk melihat kinerjanya. Singkatnya, saya mencari alat vibe coding terbaik untuk pemula, bukan alat canggih seperti Cursor atau Windsurf.

Untuk tes ini, saya menggunakan GPT-5, Claude 4.1 Opus, dan Grok 4 (Expert).

Bagaimana saya menguji vibe coding

Untuk melihat seberapa baik kinerja masing-masing layanan AI dalam hal coding, saya meminta setiap layanan untuk membuat game berbasis web, layanan produktivitas berbasis web, dan aplikasi iOS.

Sama seperti saat saya menguji generator gambar AI terbaik, saya menggunakan prompt yang sama untuk menguji setiap model. Berikut prompt vibe coding yang saya gunakan:

  • Buat game browser 2D di mana kamu mengendalikan pesawat luar angkasa dengan tombol panah dan menembak laser dengan spasi. Asteroid muncul secara acak dan melayang di layar. Jika laser menghantam asteroid, meledak dan skormu naik. Jika pesawat menabrak asteroid, game berakhir dan menampilkan skor akhir.
  • Buat aplikasi to-do berbasis web yang memungkinkanku menambahkan daftar tugas, melihatnya dalam bentuk daftar atau kalender, dan menambahkan informasi seperti waktu penyelesaian (bukan hanya tanggal). Tambahkan juga generator kutipan acak yang menampilkan kutipan inspirasional berbeda setiap kali tombol ditekan.
  • Buat aplikasi iOS lengkap untuk melacak tujuan kebugaran pribadi, di mana pengguna dapat mencatat latihan harian dan melihat grafik perkembangan. Aplikasi harus memiliki layar beranda yang menampilkan daftar latihan beserta detail seperti tanggal, jenis, durasi, dan kalori yang dibakar, serta opsi untuk menambahkan entri baru, mengedit atau menghapus yang sudah ada, dan mencari atau memfilter berdasarkan tanggal atau jenis latihan.

Prompt saya menguji berbagai jenis perangkat lunak dan layanan, serta berbagai jenis informasi. AI perlu membangun semacam kerangka fisika untuk game, misalnya, dan menemukan daftar kutipan yang sudah ada atau memanggil API untuk kutipan dalam aplikasi produktivitas.

Saya bukan ahli coding. Saya punya sedikit pengetahuan dasar pengembangan web dan bisa memahami file HTML dan CSS dengan baik, tapi itu saja pengalaman saya dalam pemrograman. Saya tidak bisa menilai efisiensi kode dari layanan ini. Saya menilai produk akhir berdasarkan seberapa baik layanan tersebut mengikuti petunjuk saya.

Saya menyertakan tautan ke game dan halaman web yang dibuat alat vibe coding ini, tapi saya tidak meminta kalian mengunduh aplikasinya. Kalian harus percaya pada kata saya.

Membuat Game Berbasis Web dengan Vibe Coding

Lihat hasilnya:

Ketiga layanan bisa membuat game web yang berfungsi, dengan mekanik dan sentuhan tambahan yang sedikit berbeda. ChatGPT dan Grok menawarkan game dengan asteroid yang datang dari segala arah dan kemampuan untuk memutar pesawat. Claude memilih pendekatan ala Space Invaders, dengan asteroid hanya masuk dari atas layar, dan pesawat menghadap ke atas.

Tapi, pendekatan Claude paling menarik secara visual. Ada warna-warna retro cerah, latar belakang berbintang, dan jejak gerakan keren di belakang pesawat. ChatGPT berada di posisi kedua, dan meski tidak ada bintang di latar belakang atau sensasi gerakan, saya suka pendekatan minimalisnya yang menyoroti ledakan. Game Grok terlihat paling buruk—dan bermain paling buruk—desainnya membosankan dan asteroid hanya berupa lingkaran abu-abu.

Pada akhirnya, saya lebih suka tampilan game Claude, tetapi fungsionalitas game ChatGPT.

Pemenang: ChatGPT, Claude

Membuat Aplikasi Berbasis Web dengan Vibe Coding

Lihat hasilnya:

Ketiga layanan bisa membuat aplikasi produktivitas yang memungkinkan pengguna melihat tugas di kalender dan melihat kutipan inspirasional dengan menekan tombol. Antarmuka dasarnya juga serupa di ketiga layanan. Semuanya terbuka ke tampilan daftar secara default, menawarkan kolom untuk mengetik tugas dan opsi untuk memilih tanggal dan waktu.

Tapi, penampilan aplikasinya sangat berbeda. Grok sekali lagi yang paling dasar. Aplikasinya terlihat seperti dokumen Word, dengan beberapa tombol dan kolom teks. ChatGPT jauh lebih bagus secara visual, meski tidak semewah Claude. ChatGPT memberi latar belakang warna berbeda untuk kutipan inspirasional, sementara Claude memberi warna berbeda pada seluruh antarmuka dan menggunakan emoji untuk menyorot waktu dan tanggal.

Perbedaan fungsionalitas bahkan lebih besar. Aplikasi Grok hampir tidak bisa dipakai; begitu tugas dibuat, tidak ada cara untuk menghapus atau menandainya selesai. Claude menyertakan tombol “hapus” di sebelah tugas dalam tampilan daftar; mengklik tugas di tampilan kalender memunculkan prompt yang menanyakan apakah kamu ingin menghapus tugas.

ChatGPT adalah yang paling fungsional di area kunci. Dalam tampilan daftar, ia menyertakan kotak centang untuk menandai tugas selesai, tombol terpisah untuk menghapus tugas, dan bahkan tombol untuk mengedit tugas. Ia juga menyertakan kolom “Catatan” untuk setiap tugas, memungkinkan pengguna menambahkan lebih dari sekadar nama tugas dan tenggat waktu. Semua itu membuat daftar to-do jauh lebih baik, meski tidak yang paling menarik secara visual.

Pemenang: ChatGPT

Membuat Aplikasi iOS dengan Vibe Coding

Yang satu ini… sedikit lebih menantang.

Mengapa? Claude adalah satu-satunya layanan yang benar-benar menghasilkan aplikasi iOS yang berfungsi. Baik ChatGPT maupun Grok membuat aplikasi yang gagal berjalan di Xcode Apple. Aplikasi buatan Claude berjalan dengan baik.

Tapi, Claude tidak benar-benar memberikan lebih dari yang diminta. Aplikasinya memungkinkan saya memasukkan latihan, lalu menampilkannya dalam tampilan daftar, dengan opsi untuk memfilter berdasarkan jenis latihan, waktu pencatatan, dan sebagainya. Tapi tidak menghitung kalori yang terbakar untuk saya (saya harus memasukkan informasi itu sendiri, seperti jenis latihan dan durasinya). Grafik “perkembangan” hanyalah diagram batang yang menunjukkan berapa banyak kalori yang terbakar selama berbagai jenis latihan. Tidak ada cara untuk membuat atau melihat tujuan.

Untuk menjalankan aplikasi di iPhone yang bukan dari App Store, ada beberapa langkah rumit yang harus dilakukan. Pemula tidak bisa melakukannya dalam satu atau dua menit; lebih baik tetap menggunakan coding AI berbasis web untuk saat ini.

Pemenang: Claude

Kondisi Vibe Coding Saat Ini

Dua hal jelas. Pertama, layanan AI semakin baik dalam membantu non-coder atau pemula membuat aplikasi, layanan, dan game. Kedua, kita belum bisa membayangkan perangkat lunak apa pun dan berharap layanan AI akan langsung menghasilkan produk yang sempurna. Tapi, kita tidak terlalu jauh dari itu.

Pembuatan aplikasi membutuhkan lebih dari sekadar menghasilkan file yang bisa diunduh. Jika kamu tidak ingin troubleshooting atau mempelajari dasar-dasar, lebih baik hindari membuat aplikasi iOS atau Android. Aplikasi berbasis web lebih disarankan.

Jadi, apa yang harus digunakan jika kamu pemula? Jika hanya ingin bereksperimen dengan aplikasi web dan game kecil, baik ChatGPT maupun Claude bekerja dengan baik. Kecuali tes pembuatan aplikasi, ChatGPT lebih unggul. GPT-5 OpenAI, yang gratis untuk semua, lebih mudah diakses daripada Claude Opus 4.1—dan bagi mereka yang berlangganan paket $20 per bulan, OpenAI memberlakukan lebih sedikit batasan. Tapi, jangan remehkan coding dari Claude.

Dan untuk adil pada Grok, kamu masih mungkin mendapatkan situs web yang berfungsi jika menggunakannya—hanya saja dasar, membosankan, dan mungkin tidak terlalu sesuai dengan promptmu. Seperti Grok Imagine, xAI masih harus bekerja keras untuk mengejar pesaingnya.


Keterangan: Ziff Davis, perusahaan induk Mashable, pada April mengajukan gugatan terhadap OpenAI, menuduhnya melanggar hak cipta Ziff Davis dalam melatih dan mengoperasikan sistem AI-nya.

MEMBACA  Marc Andreessen Pernah Menyebut Tim Keamanan Online sebagai Musuh. Dia Masih Menginginkan Taman Berpagar untuk Anak-Anak.