Lewati ke konten utama

Imagine with Claude: Panduan dengan Contoh Praktis

Pelajari bagaimana Imagine with Claude dari Anthropic menghadirkan paradigma baru untuk pengembangan perangkat lunak berbantuan AI, dengan menghasilkan fungsionalitas secara instan.
Diperbarui 28 Sep 2026  · 8 mnt Baca

Jelajahi bersama AI

ChatGPTClaudePerplexity

Anthropic baru-baru ini merilis Claude Sonnet 4.5, yang mereka klaim sebagai model pengodean terbaik di dunia. Bersamaan dengan itu, Anthropic merilis pratinjau riset bernama “Imagine with Claude,” yang dapat menghasilkan perangkat lunak secara spontan.

Tunggu dulu, bukankah semua model bisa menghasilkan kode sesuai permintaan? Ya, tapi tidak seperti Imagine with Claude, yang tidak memulai dari basis kode yang sudah ditentukan. Sebaliknya, dengan Imagine with Claude, kode dihasilkan secara real-time oleh model, membayangkan apa yang seharusnya dilakukan aplikasi dari konteks yang diberikan dan menghasilkan kode yang mewujudkannya.

Dalam artikel ini, saya akan mengeksplorasi bagaimana Imagine with Claude dapat merevolusi cara kita membangun dan membuat prototipe perangkat lunak melalui empat contoh.

Apa Itu Imagine with Claude?

Imagine with Claude adalah fitur pratinjau riset baru yang diluncurkan oleh Anthropic bersamaan dengan Claude Sonnet 4.5 dan Claude Agent SDK. Fitur ini hadir sedikit lebih dulu daripada Claude Haiku 4.5.

Tersedia eksklusif untuk pelanggan Claude Max selama periode 5 hari terbatas, alat ini menampilkan kemampuan pembuatan perangkat lunak secara real-time, memungkinkan pengguna menyaksikan Claude secara mandiri membangun aplikasi kustom dari nol.

Dengan memanfaatkan fitur agentic canggih Sonnet 4.5, Imagine with Claude menggabungkan penalaran, penggunaan alat, dan perencanaan multi-langkah untuk membuat basis kode yang fungsional, antarmuka pengguna, dan bahkan presentasi dalam hitungan jam.

Cara Mengakses Imagine with Claude?

Untuk menggunakan Imagine with Claude, Anda dapat langsung menuju ke halaman Imagine with Claude atau klik tombol "Want to build from your imagination?" di pojok kanan bawah antarmuka chat Claude yang biasa.

Membuka Claude Imagine dari chat utama Claude.

Per 30 September, fitur ini hanya tersedia untuk pelanggan Max selama lima hari ke depan. Jadi, jika Anda ingin mencobanya, segera gunakan atau tunggu perilisannya. Namun, belum ada konfirmasi dari Anthropic bahwa ini akan menjadi fitur permanen di Claude. Sejauh ini, ini lebih merupakan fitur eksperimental untuk memamerkan kemampuan model baru Claude Sonnet 4.5.

Bagaimana Cara Kerja Imagine with Claude?

Antarmuka Claude Imagine cukup sederhana. Ada kolom prompt tempat kita bisa menjelaskan apa yang ingin kita bangun. Tersedia juga beberapa saran yang bisa kita gunakan jika hanya ingin mencoba dan sedang kehabisan ide.

Antarmuka Claude Imagine.

Sisa antarmukanya hanya terdiri dari elemen dekoratif yang menyenangkan; elemen tersebut tidak memberikan fungsionalitas apa pun pada Imagine with Claude.

Contoh 1: Membangun Good News Feed

Untuk memulai, saya ingin mencoba salah satu saran, jadi saya klik yang pertama: "Build a news feed for good news."

Prompt yang disarankan oleh Claude Image.

Berikut video yang telah diedit dari proses pembuatannya:

Dalam contoh ini, kita melihat bahwa ia membuat feed berisi kabar baik. Beritanya tidak dapat diklik; kita hanya bisa melihat judul, ringkasan, dan beberapa tag. Selain itu, satu-satunya fungsionalitas adalah tombol untuk menyegarkan feed, yang mengambil dan menampilkan kumpulan kabar baik baru.

Seperti yang mungkin Anda perhatikan dalam video, jendela konteks cukup kecil untuk pratinjau riset ini.

Layar yang menunjukkan kita telah mencapai batas sesi.

Perlu dicatat bahwa aplikasi hanya hidup di dalam antarmuka dan tidak dapat dipublikasikan. Kita juga tidak bisa melihat kodenya, dan jika halaman disegarkan, semuanya hilang selamanya. Jadi, pada tahap ini, Claude Image sebenarnya hanyalah fitur untuk mengeksplorasi gagasan menggunakan LLM untuk membuat kode yang membangun dirinya sendiri.

Contoh 2: Membangun Game Sederhana

Untuk contoh kedua, saya ingin bereksperimen dengan sesuatu yang sedikit lebih interaktif, jadi saya memintanya untuk "create a simple dungeon explorer game."

Saya mencoba contoh ini tiga kali dari awal, dan setiap kali, ia mengalami masalah yang sama. Begitu saya menggerakkan pemain, pemainnya tidak terlihat lagi.

Berikut video dari percobaan terakhir:

Dari video terlihat bahwa setelah saya pertama kali bergerak ke bawah, pemain menghilang. Setelah itu, saya mencoba bergerak ke kanan dua kali untuk melihat apakah koin akan terkumpul, dan memang demikian. Namun, semua koin lainnya juga terkumpul pada saat yang sama.

Tangkapan layar game yang dihasilkan oleh Claude Imagine. Menampilkan pemain berwarna biru dan koin yang terletak satu petak ke bawah dan dua petak ke kanan.

Setelah mengumpulkan koin, saya memberi prompt bahwa pemain tidak terlihat dan seharusnya diperbaiki. Namun, itu tidak berhasil. Semuanya tetap sama. Saya mengalami hal yang sama pada dua percobaan lainnya.

Secara keseluruhan, contoh ini cukup mengecewakan.

Contoh 3: Membangun Aplikasi Pengelola CV

Pada contoh ketiga ini, saya mencoba membangun aplikasi pengelola CV. Saya menggunakan prompt berikut:

"Create a website to manage my CV. I want to be able to add all my work experience, skills, languages, publications, and any other information relevant to a CV. Then, depending on the job I’m applying for, I want to select a subset of this information to generate a tailored CV."

Menurut saya, contoh ini bekerja dengan baik secara keseluruhan. Sebelum membahas detail proses pembuatannya, berikut video proses pembuatannya.

Aplikasi ini melakukan tugas yang diminta. Kita bisa memasukkan beberapa jenis informasi yang berbeda ke dalamnya lalu memilih mana yang ingin disertakan.

Namun, saya menemui beberapa bug. Pertama, tidak ada tombol simpan ketika saya menambahkan keterampilan kedua.

Tangkapan layar dengan tombol simpan yang hilang.

Namun, hal baik dari contoh ini adalah saya ingin memilih kategori yang belum ada, dan saya bisa menambahkannya secara dinamis dengan memberi prompt pada Claude Imagine.

Memberi prompt pada Claude Imagine untuk menambahkan kategori keterampilan baru.

Kategori setelah diberi prompt.

Bug kedua adalah ekspor PDF tidak berfungsi.

Tangkapan layar yang menunjukkan kesalahan saat mengekspor CV sebagai PDF.

Terlepas dari kesalahan ini, saya merasa contoh ini bekerja jauh lebih baik daripada yang lain. Entah bagaimana, pada tahap proses ini, kita baru menggunakan 46% token, yang mengejutkan jika mengingat contoh berita menghabiskan semua token begitu cepat.

Kita tidak tahu bagaimana Claude Imagine bekerja di belakang layar, tetapi dari contoh ini tampaknya apa yang kita lihat dihasilkan secara spontan dari konteks saat ini. Ini menurut saya ada baik dan buruknya. Bagian baiknya adalah ia mampu membayangkan tampilan atau fungsionalitas baru dari nol, pada kali pertama kita mengklik sebuah tombol.

Namun, tampaknya setelah sesuatu dibayangkan, itu tidak disimpan dan dibayangkan kembali setiap kali. Bahkan informasi yang kita masukkan tampaknya dihasilkan dari konteks, yang dapat menyebabkan kasus di mana ia berhalusinasi informasi yang tidak pernah kita berikan.

Kurang imajinasi?

Hal lain yang saya perhatikan adalah setiap kali saya menggunakan prompt yang sama, saya mendapatkan hasil yang sangat mirip. Misalnya, saya mencoba ulang prompt pengelola CV, dan inilah yang saya dapatkan:

Tangkapan layar antarmuka "baru" aplikasi pengelola CV.

Versi kedua ini memiliki opsi baru di sebelah kiri; misalnya, menyertakan bagian "Certifications". Namun, sisanya sama, termasuk informasi di setiap bagian.

Karena setiap sesi dengan Clause Imagine hanya bersifat sementara, fitur ini tampaknya lebih cocok untuk membuat prototipe dan bereksperimen dengan ide. Namun, fakta bahwa ia menghasilkan ide yang hampir sama setiap kali cukup membatasi.

Contoh 4: Membangun Situs Web Pribadi

Pada contoh-contoh sebelumnya, saya merasa UI selalu cukup sederhana, dan saya ingin mencoba contoh di mana presentasi lebih penting. Untuk itu, saya memintanya membuat situs web pribadi tempat saya dapat memamerkan proyek-proyek pribadi saya.

Dalam contoh ini, Imagine with Claude lebih mumpuni dan menerapkan perubahan yang saya minta melalui prompt. Secara khusus, saya dapat:

  1. Memungkinkan pemilihan foto profil.
  2. Mendesain ulang UI.

Ada juga beberapa bug, misalnya saat mengeklik tombol "View Projects", tidak ada yang terjadi meski Claude Imagine mengakui tombol itu ditekan.

Contoh ini akhirnya menjadi menarik dengan cara yang tidak saya duga sejak awal. Karena halaman tersebut untuk memamerkan aplikasi saya, ada beberapa contoh aplikasi dummy dalam kontennya. Contoh ini memiliki tombol "View Demo", jadi saat mengekliknya, Claude Imagine harus benar-benar membayangkan aplikasi dummy tersebut dan menampilkannya.

Untuk masing-masingnya, ia menghasilkan contoh yang realistis. Ini memberi saya semacam sensasi inception tentang aplikasi di dalam aplikasi, di dalam aplikasi, semuanya dihasilkan secara spontan. Saya merasa cukup seru untuk dimainkan.

Contoh ini juga menegaskan bahwa kode dihasilkan setiap kali. Saat bermain dengan demo TaskMaster Pro, UI tugas berubah setelah mengeklik tombol "AI Sort", lalu berubah lagi ketika saya menutup dan membuka jendela.

Tugas sebelum AI sort.

Keterbatasan Imagine with Claude

Menurut saya keterbatasan utama pada pratinjau Imagine with Claude saat ini adalah:

  1. Kurangnya imajinasi. Saya menulis artikel ini dengan pemikiran bahwa Claude Imagine bisa menjadi alat yang hebat untuk brainstorming ide aplikasi baru. Kita bisa menghasilkan beberapa versi lalu mengambil ide terbaik dari masing-masingnya. Namun, saya mendapati bahwa prompt serupa menghasilkan hasil yang sangat mirip.
  2. Tidak ada persistensi atau cara memublikasikan aplikasi. Begitu halaman disegarkan, semuanya hilang.
  3. Masih cukup buggy. Sering kali gagal menerapkan fungsionalitas tombol dan menerapkan perubahan berdasarkan prompt.

Gagasan Terobosan dari Imagine with Claude

Hal yang benar-benar baru dalam Imagine with Claude adalah gagasan menghasilkan kode secara spontan dengan menentukan sendiri apa yang seharusnya dilakukan sebuah tombol. Ini bisa menjadi revolusioner jika diintegrasikan dengan editor perangkat lunak.

Cara pengembangan perangkat lunak dengan AI saat ini adalah LLM terintegrasi dengan editor kode dan memiliki konteks kode. Lalu pengembang menentukan apa yang mereka ingin AI ubah melalui prompt teks. Dengan Imagine with Claude, kita bisa melewatkan langkah pemberian prompt. Fitur ini bisa diintegrasikan dengan editor, dan pengembang cukup menambahkan tombol. Kemudian, dengan mengkliknya saat menjalankan aplikasi secara lokal, Imagine with Claude bisa mengimplementasikan fungsionalitasnya.

Ini tidak jauh dari apa yang ditunjukkan oleh demo Imagine with Claude. Langkah-langkah yang masih kurang hanyalah:

  1. Mengintegrasikannya dengan basis kode yang sudah ada.
  2. Membuat perubahan menjadi persisten. Saat ini, tampaknya fungsionalitas dibayangkan setiap kali, tetapi yang kita butuhkan adalah fungsionalitas hanya dibayangkan jika belum diimplementasikan.

Cara lain Imagine with Claude bisa sangat berguna adalah dipadukan dengan alat desain seperti Figma. Dengan begitu, desainer bisa mendesain UI dengan menempatkan komponen sesuai kebutuhan, lalu Claude Imagine menjalankannya dan mengimplementasikan fungsionalitas di balik komponen UI tersebut.

Kesimpulan

Imagine with Claude memperkenalkan paradigma baru yang menarik untuk pengembangan perangkat lunak berbantuan AI, di mana fungsionalitas diterapkan secara dinamis berdasarkan konteks aplikasi.

Peralihan dari prompting eksplisit ini bisa mewakili masa depan pengodean, menghemat banyak waktu pengembang. Versi saat ini lebih merupakan demo teknologi yang menyenangkan daripada alat pengembangan yang praktis, dan jelas bukan alasan kuat untuk berlangganan paket Max sendirian, terutama mengingat statusnya yang sementara dan eksperimental.

Terlepas dari kekurangan ini, saya percaya pada konsep intinya. Pratinjau riset ini terasa seperti langkah pertama untuk menguji kemungkinan yang ada, dan saya benar-benar antusias melihat bagaimana Anthropic menyempurnakan gagasan terobosan ini pada iterasi berikutnya.


François Aubry's photo
Author
François Aubry
LinkedIn
Insinyur full-stack & pendiri di CheapGPT. Mengajar selalu menjadi passion saya. Sejak masa awal sebagai mahasiswa, saya aktif mencari peluang untuk membimbing dan membantu mahasiswa lain. Passion ini mendorong saya menempuh studi PhD, di mana saya juga menjadi asisten pengajar untuk mendukung kegiatan akademik saya. Selama tahun-tahun itu, saya menemukan kepuasan besar dalam suasana kelas tradisional, membangun koneksi dan memfasilitasi proses belajar. Namun, dengan hadirnya platform pembelajaran daring, saya melihat potensi transformatif pendidikan digital. Bahkan, saya terlibat aktif dalam pengembangan salah satu platform tersebut di universitas kami. Saya sangat berkomitmen untuk mengintegrasikan prinsip-prinsip pengajaran tradisional dengan metodologi digital yang inovatif. Tujuan saya adalah menciptakan kursus yang tidak hanya menarik dan informatif, tetapi juga mudah diakses oleh para pembelajar di era digital ini.
Topik
Kecerdasan Buatan
Large Language Models

Pelajari AI dengan kursus-kursus ini!

{count, plural, one {Kursus} other {Kursus}}

Pengantar Model Claude

{hours} jam
14.9K
Pelajari cara bekerja dengan Claude menggunakan Anthropic API untuk menyelesaikan tugas dunia nyata dan membangun aplikasi berbasis AI.
Lihat DetailRight Arrow
Mulai Kursus
Lihat SelengkapnyaRight Arrow
Terkait

{count, plural, one {blog} other {blogs}}

12 Alternatif ChatGPT Terbaik yang Bisa Anda Coba pada 2026

Artikel ini menyajikan daftar alternatif ChatGPT yang akan meningkatkan produktivitas Anda.
Javier Canales Luna's photo

Javier Canales Luna

14 mnt

{count, plural, one {blog} other {blogs}}

40 Pertanyaan Wawancara DBMS Teratas di 2026

Kuasai pertanyaan wawancara basis data, dari konsep SQL dasar hingga skenario desain sistem tingkat lanjut. Panduan mendalam ini mencakup semua yang Anda perlukan untuk sukses di wawancara DBMS dan meraih peran berikutnya.
Dario Radečić's photo

Dario Radečić

15 mnt

{count, plural, one {blog} other {blogs}}

Spaghetti Plot dan Jalur Badai

Temukan alasan mengapa Anda sebaiknya (tidak) menggunakan spaghetti plot untuk menyampaikan ketidakpastian jalur prediksi badai serta dampaknya terhadap interpretasi.
Hugo Bowne-Anderson's photo

Hugo Bowne-Anderson

13 mnt

{count, plural, one {blog} other {blogs}}

Tutorial Korelasi di R

Dapatkan pengenalan dasar-dasar korelasi di R: pelajari lebih lanjut tentang koefisien korelasi, matriks korelasi, plotting korelasi, dan sebagainya.
David Woods's photo

David Woods

13 mnt

Lihat SelengkapnyaLihat Selengkapnya