Secara tradisional, membangun aplikasi AI memerlukan banyak hal — mengelola kunci API, khawatir tentang biaya, menangani penyebaran yang kompleks, secara tidak sengaja mencapai batas laju, dan banyak lagi. Dengan artifacts Claude, Anda dapat melewati kerumitan konfigurasi dan membangun aplikasi bertenaga AI yang sepenuhnya fungsional dengan kecerdasan Claude yang tertanam langsung. Artifacts ini menggunakan batas penggunaan yang sudah ada — tidak ada kunci API, tidak ada biaya per panggilan, tidak ada kerumitan penyebaran — sehingga Anda dapat fokus pada hal-hal yang menyenangkan.
Dalam panduan ini, Anda akan belajar cara membangun, menguji, dan berbagi aplikasi bertenaga AI dengan cepat menggunakan Claude.
Mengonfigurasi Claude API di dalam Claude artifacts
Menggunakan penyelesaian berbasis teks terbatas di dalam Claude.ai artifacts cukup sederhana.
Anda dapat menambahkan kemampuan AI ke artifact Anda dengan cukup meminta Claude untuk menggunakan Claude, dengan instruksi tambahan sesuai kebutuhan.
Secara opsional, uji bahwa itu berfungsi seperti yang diharapkan dengan prompt sampel di bawah ini.
Gunakan prompt sederhana ini untuk menguji bahwa API yang tertanam dalam artifact berfungsi seperti yang diharapkan:
Buat chatbot sederhana yang menggunakan Claude. Balas dengan pujian untuk setiap input pengguna.
Apa yang akan Anda lihat jika Anda mencoba prompt ini adalah Claude akan membuat "bot pujian" di mana pengguna dapat memasukkan apa pun dan menerima pujian bertenaga LLM sebagai gantinya!
Inspirasi untuk artifact AI pertama Anda
Kemungkinan untuk membuat artifacts yang berinteraksi dengan Claude melalui API sama tak terbatasnya dengan imajinasi Anda. Berikut adalah empat jenis aplikasi yang dapat Anda bangun untuk memulai:
Alat pembelajaran & pendidikan — Tutor interaktif dan teman belajar dengan AI dapat lebih memahami konteks kebutuhan pembelajaran pengguna. Seperti pengulas kode yang memberikan umpan balik terperinci tentang gaya dan praktik terbaik berdasarkan pedoman yang telah dikonfigurasi sebelumnya, atau tutor bahasa ini yang memungkinkan Anda mengobrol dan belajar dalam bahasa pilihan Anda.
Alat pembuatan konten — Asisten kolaboratif yang membantu brainstorm, mengembangkan, dan menyempurnakan karya kreatif dan konten sesuai dengan beberapa pedoman yang telah dikonfigurasi sebelumnya dapat membantu Anda menyelesaikan pekerjaan lebih cepat. Seperti alat penulisan yang dirancang untuk mengambil posting slack internal Anda dan mempersiapkannya untuk dibagikan di LinkedIn, atau pembuat PRD satu halaman ini.
Analisis & dukungan keputusan - Alat cerdas yang memproses data pengguna dan membantu membuat keputusan berdasarkan informasi melalui percakapan sangat bagus untuk efisiensi organisasi. Seperti alat ini yang dirancang untuk membantu tim menemukan akar masalah melalui kerangka kerja "5 mengapa".
Aplikasi untuk bersenang-senang — pada akhirnya, aplikasi terbaik berasal dari perspektif unik dan ide bagus. Penafsir mimpi ini adalah contoh sempurna. Jika Anda dapat membayangkannya, Anda mungkin dapat membangunnya.
Tips untuk membangun artifacts dengan Claude
Saat Anda membangun dengan Claude, pertimbangkan tips berikut untuk mendapatkan output terbaik yang mungkin.
Biarkan Claude mewawancarai Anda: Pertimbangkan untuk memulai percakapan Anda dengan ide dan biarkan Claude mewawancarai Anda untuk menyempurnakannya menjadi prompt yang layak untuk artifact. Claude dapat mengajukan pertanyaan kepada Anda dan menyarankan fitur untuk mewujudkan visi Anda.
Iterasi dengan prompt lanjutan: Cukup minta Claude untuk memodifikasi artifact Anda sesuai kebutuhan. Anda dapat meminta hal-hal seperti: buat tombolnya lebih besar, balas dalam waktu kurang dari 200 kata setiap kali, ubah skema warna, dan sebagainya. Setiap permintaan dibangun di atas versi sebelumnya sementara Claude mempertahankan konteks tentang apa yang telah Anda bangun dan mengapa.
Debug melalui percakapan: Ketika sesuatu rusak, baik klik "Perbaiki dengan Claude" atau jelaskan masalahnya dalam bahasa biasa ("kalkulator tidak bekerja dengan desimal," "permainan mogok di level 3"). Tidak perlu memahami pesan kesalahan teknis.
Bereksperimen dengan forking: Kembali ke pesan sebelumnya apa pun, klik "Edit" untuk membuat cabang percakapan baru, dan coba pendekatan berbeda. Anda selalu dapat kembali ke versi asli Anda, mendorong eksperimen berani dengan gaya, fitur, atau arah yang sama sekali berbeda.
Berbagi Claude artifacts Anda
Manfaat lain dari prototyping dengan artifacts adalah Anda dapat berbagi ide Anda tanpa harus menyelenggarakannya secara eksternal.
Bagikan prototipe Anda hanya dengan beberapa klik
Yang perlu Anda lakukan adalah klik tombol "Publikasikan" di sudut kanan atas menu artifact dan distribusikan tautannya.
Perhatikan bahwa tautan ini spesifik untuk versi artifact yang Anda bagikan, dan bahwa siapa pun dengan tautan ini dapat mengakses kreasi Anda sampai Anda membatalkan publikasinya. (Anda selalu dapat kembali ke tab "dipublikasikan" untuk melihat semua artifacts yang telah Anda bagikan sebelumnya.)
Bergerak dari prototipe ke produksi
Meskipun artifacts sangat bagus untuk prototyping dan berbagi aplikasi bertenaga AI, mereka paling baik untuk pengujian dan demonstrasi. Pada suatu titik, Anda mungkin ingin menerapkan manajemen kunci API yang tepat dan membangun infrastruktur yang lebih kuat. Pada akhirnya, Anda juga akan menghadapi beberapa keterbatasan teknis di claude.ai (seperti kurangnya skrip yang disisipi).
Apa pun alasannya, ketika Anda siap membawa artifact Anda ke level berikutnya, Anda akan dapat menyalin kode Claude dan menempelkannya ke editor pilihan Anda. Dari sana, Claude Code siap untuk masuk.
Saat Anda membangun, terus bekerja dengan Claude sebagai mitra brainstorming untuk langkah-langkah berikutnya dan ide-ide baru, menggunakan Claude Code untuk eksekusi taktis. Sebelum Anda tahu, Anda akan memiliki aplikasi yang sepenuhnya divalidasi dan siap produksi.
Pertanyaan Umum
Apa itu artifacts dan mengapa menggunakannya untuk prototyping?
Artifacts adalah potongan kode yang mandiri yang dibuat Claude selama percakapan. Mereka muncul di panel khusus di samping obrolan, memudahkan untuk melihat, mengedit, dan berinteraksi dengan mereka secara real-time. Plus, mereka dapat dibagikan ke dunia hanya dalam beberapa klik.
Untuk prototyping aplikasi AI, artifacts menawarkan beberapa keuntungan utama untuk alur pengembangan tradisional.
Umpan balik instan — Uji kode yang berfungsi segera saat Claude menghasilkannya
Iterasi cepat — Minta perubahan berdasarkan pengujian Anda secara real-time
Kemampuan AI bawaan — Tambahkan panggilan Claude API tanpa biaya atau pengaturan tambahan
Bisakah saya berkolaborasi pada artifacts dengan teman atau rekan kerja?
Ketika seseorang dengan akun Claude mengklik tautan bersama Anda, mereka dapat menyesuaikan dan memodifikasi artifact dengan berbicara kepada Claude. Ketika mereka melakukannya, mereka membuat salinan mereka sendiri daripada mengedit yang asli — jadi versi Anda tetap persis seperti yang Anda buat sementara mereka mengembangkan variasi mereka sendiri. Bagus untuk iterasi cepat dan pencatatan ide-ide aplikasi masa lalu.
Apa jenis batas penggunaan yang ada untuk AI dalam artifacts?
Siapa pun yang menggunakan aplikasi Anda akan menimbulkan penggunaan pada rencana mereka. Dengan kata lain, ketika Anda membangun dan menguji penggunaan API dihitung terhadap rencana Anda, tetapi ketika orang lain menggunakan aplikasi bersama Anda, penggunaan ada di rencana mereka sebagai gantinya.
Dalam istilah paling sederhana, ketika seseorang menggunakan aplikasi bertenaga Claude Anda:
Mereka mengautentikasi dengan akun Claude yang ada
Penggunaan API mereka dihitung terhadap langganan mereka, bukan milik Anda
Anda tidak membayar apa pun untuk penggunaan mereka
Tidak ada yang perlu mengelola kunci API