Alat ini memungkinkan Anda membuat dan berbagi aplikasi dan game web secara gratis. Begini caranya!

​​​​​

Pernah berharap Anda dapat membuat aplikasi dan game web Anda sendiri tanpa mengetahui cara mengkode? Yah, saya sudah menggunakan Claude, AI Chatbot, untuk membuat aplikasi web dan game sepenuhnya fungsional tanpa menulis satu baris kode sendiri. Berikut adalah praktik terbaik untuk melakukannya sendiri!

Apa itu Claude dan jenis aplikasi apa yang dapat Anda buat dengannya?

Claude adalah chatbot AI yang mirip dengan chatgpt yang sangat populer di kalangan coders dan pengembang. Sekarang, jika Anda telah menggunakan chatgpt sebelumnya, Anda mungkin tahu model AI ini tidak hanya dapat menulis email dan esai Anda tetapi juga dapat menulis kode. Tetapi jika Anda bukan seorang programmer atau seseorang yang dapat membaca kode, bagaimana Anda bisa tahu jika kode yang ditulisnya baik atau tidak?

Nah, melihat popularitas besar Claude di antara pengembang, saya memutuskan untuk mengeluarkannya untuk melakukan putaran dan melihat apakah saya benar -benar dapat membuat aplikasi atau game menggunakan chatbot. Untuk konteks, saya bukan seorang programmer, tetapi saya memang belajar C dan HTML di perguruan tinggi, yang delapan tahun lalu. Sebagian besar, saya dapat membaca dan memahami kode, tetapi tidak memiliki pengetahuan yang diperlukan untuk menulis atau mengedit kode.

Dengan latar belakang ini, saya mendekati Claude untuk membuat kode yang benar -benar berfungsi – dan itu melakukan pekerjaan yang luar biasa. Ini dapat menghasilkan kode kerja dalam hitungan detik. Anda dapat mempratinjau kode dan melihat cara kerjanya di antarmuka obrolan tanpa perlu memulai program pengkodean. Anda juga dapat membagikan aplikasi ini yang Anda buat dengan teman dan keluarga Anda dengan mengklik tombol. Dan yang terbaik, Anda dapat melakukan semua ini menggunakan akun gratis.

Untuk memberi Anda rasa apa yang mungkin, saya telah membuat aplikasi berikut:

Jika Anda menyukai apa yang Anda lihat, maka inilah gambaran singkat tentang praktik terbaik saya untuk membuat game dan aplikasi menggunakan Claude.

Terkait

Saya membuang chatgpt untuk claude.ai – inilah sebabnya

Selamat tinggal, chatgpt! Halo, Claude!

Bagaimana mendekati proses penciptaan

Prosesnya dimulai hanya dengan meminta Claude untuk membuat aplikasi atau game. Mari kita ambil contoh membuat game ular. Saat Anda meminta ini, Claude menghasilkan kode dan menampilkannya di jendela baru yang disebut artefak, yang mencakup kode dan pratinjau di mana Anda dapat menguji game. Anda dapat mulai dengan sesuatu yang sederhana seperti:

Buat game ular untuk saya.

Dan Anda harus mendapatkan tanggapan seperti ini:

Sementara Claude sering mendapatkan fungsi dasar pada percobaan pertama, biasanya ada ruang untuk perbaikan. Dalam kasus saya, versi awal memiliki beberapa batasan:

• Ular itu tidak bisa melewati dinding.

• Tidak ada efek suara.

• Desainnya cukup mendasar.

• Gerakan terasa agak lamban.

Sekarang, beralih dari versi dasar ini ke produk akhir yang dipoles, bisa menjadi usaha yang membuat frustrasi yang dapat membuat Anda merasa ingin mengeluarkan rambut Anda. Namun, jika Anda mendekatinya dari sudut yang lebih strategis, maka Anda dapat membuatnya bekerja, hampir setiap saat.

Langkah 1: Ketahui apa yang Anda inginkan

Kunci untuk berhasil membuat aplikasi dengan AI adalah memiliki visi yang jelas tentang fitur apa yang Anda inginkan. Namun, seringkali sulit untuk mengetahui semua kebutuhan Anda di muka. Itulah mengapa saya merekomendasikan mulai dengan versi dasar dan kemudian membuat daftar perbaikan yang ingin Anda lihat.

Dalam kasus saya, pertama -tama saya meminta Claude untuk menghasilkan permainan ular tanpa banyak informasi untuk melihat apa fungsinya. Selanjutnya saya mencatat kekurangannya. Akhirnya, saya menyusun daftar fitur yang saya inginkan di final sempurna produk. Untuk referensi, inilah daftar fitur yang saya inginkan:

• Kemampuan wall-passing untuk ular.

• Efek suara untuk koleksi buah dan permainan berakhir.

• Perbaikan visual seperti latar belakang bertekstur rumput.

• Animasi yang lebih halus.

Kuncinya adalah spesifik tentang setiap fitur. Alih -alih hanya menulis “grafik yang lebih baik,” tentukan dengan tepat elemen visual apa yang ingin Anda tingkatkan. Ini membuatnya lebih mudah untuk mengomunikasikan kebutuhan Anda ke AI.

Langkah 2: Tambahkan satu fitur sekaligus

Setelah Anda memiliki daftar fitur yang ingin Anda tambahkan ke produk akhir, jangan hanya membuang semuanya sekaligus ke Claude. Itu hanya akan membanjiri chatbot dan menyebabkan lebih banyak masalah. Sebaliknya, ambil pendekatan menambahkan satu fitur sekaligus. Setelah Anda melihat Claude telah memakukan satu fitur itu, Anda dapat pindah ke yang berikutnya.

Langkah 3: Salin kode dan lanjutkan pada obrolan baru

Salah satu batasan yang akan Anda temui adalah tutup pesan Claude, yang didasarkan pada total panjang percakapan daripada jumlah pesan. Saat bekerja dengan kode, Anda mungkin akan mencapai batas ini setelah hanya beberapa pertukaran.

Untungnya, solusinya sederhana – Anda hanya perlu menyalin kode artefak yang berfungsi, tempel ke jendela obrolan baru, dan mulai dari sana. Untuk melakukan ini, cukup tekan tombol Salin pada artefak. Dengan cara ini, total panjang percakapan tetap kompak mungkin, meningkatkan tutup pesan total Anda.

Selain itu, kadang-kadang Anda akan melihat bahwa Claude tidak dapat memperbaiki masalah atau menerapkan fitur dengan benar, tidak peduli berapa kali Anda pergi bolak-balik dengannya. Di sini juga, menyalin kode dan membawanya ke percakapan baru memiliki kecenderungan untuk memperbaiki masalah. Cukup salin kode dan tanyakan kepada Claude apa yang menurutnya menyebabkan perilaku yang tidak diinginkan dan kemudian minta untuk memperbaikinya. Bekerja seperti pesona!

Cara berbagi kreasi Anda

Setelah Anda menyempurnakan aplikasi atau permainan Anda, membagikannya langsung. Cukup klik tombol “Publikasikan” pada artefak untuk menghasilkan URL yang dapat diakses siapa pun – tidak diperlukan akun Claude. Tentu saja, jika orang yang Anda kirimkan memang memiliki akun Claude, mereka dapat menggunakan fitur “Remix Artefact” untuk dibangun di atas aplikasi atau permainan yang Anda buat.

Ada alternatif premium dengan hasil yang lebih baik

Karena kami menggunakan versi gratis Claude, Anda mungkin berpikir saya akan merekomendasikan versi berbayar Claude sebagai alternatif yang unggul. Claude Pro menawarkan Anda batas pesan yang lebih tinggi, memungkinkan percakapan yang lebih lama, yang dapat membantu Anda membangun aplikasi yang lebih kompleks dengan lebih banyak baris kode. Namun, jika Anda mencari hasil yang lebih cepat dengan lebih sedikit bolak-balik, ChatGPT Pro dengan model O1 mungkin patut dipertimbangkan.

Model O1 yang dikombinasikan dengan fitur Canvas dan fungsionalitas pratinjau memberi Anda manfaat yang sama seperti Claude untuk digunakan dan berbagi aplikasi web dan game yang Anda bangun dengannya. Namun, O1 adalah model penalaran, dan dapat lebih memahami apa yang Anda inginkan dengan iterasi yang lebih sedikit.

Terkait

O3-Mini Openai tiba dengan fitur yang tidak terduga-akses bebas

Ini adalah model penalaran openai pertama yang tersedia untuk pengguna gratis.

Kemampuan untuk membuat aplikasi web fungsional dan game tanpa pengetahuan pengkodean adalah game-changer untuk individu kreatif. Apakah Anda seorang guru yang ingin membuat game pendidikan, pencipta konten yang ingin menambahkan elemen interaktif ke situs web Anda, atau hanya seseorang dengan ide aplikasi yang keren, alat AI ini memungkinkan untuk menghidupkan visi Anda.