Kembali ke Daftar
💡Studi Kasus

Claude Artifacts: App Berbasis AI yang Dapat Dibagikan

Anthropic
2025-07

Tentang

Update Claude Artifacts dari Anthropic pada Juli 2025 mengubah panel artifact menjadi surface app yang ringan. Claude dapat membuat artifact yang memanggil Claude melalui API, melakukan hosting, dan membagikannya, sementara pengguna akhir masuk dengan akun Claude mereka sendiri. Case ini berguna karena UI yang dihasilkan menjadi persisten, dapat diedit, dan dapat digunakan orang lain, bukan sekadar preview sekali pakai di samping chat.

Ringkasan

Yang Ditunjukkan Case Ini:

1. Generated Apps, Not Screenshots: Claude menulis kode nyata untuk tool interaktif, game, tutor, dan data app
2. Hosted Sharing Model: Artifact dapat dipublikasikan dan digunakan kembali tanpa creator mengelola API key
3. Editable Workspace: Pengguna dapat memeriksa, mengubah, dan melanjutkan iterasi artifact yang dihasilkan
4. Community Surface: Artifact yang dipublikasikan menjadi contoh yang dapat di-remix dan dipelajari orang lain
5. Strong Product Signal: Menunjukkan GenUI berkembang dari output assistant menjadi objek software yang dapat dibagikan

Tag

anthropicclaudeartifactsai-appsinteractive

Artikel Terkait

💡Studi Kasus

Google Stitch: Real-Time AI-Native UI Design

Stitch dari Google Labs adalah case GenUI pada tahap desain yang kuat, bukan sekadar demo coding berbasis chat. Dalam update resmi 19 Mei 2026, Google menjelaskan Stitch sebagai sistem desain kolaboratif live: agent melakukan streaming pekerjaan UI langsung ke infinite canvas, pengguna dapat mengarahkan iterasi sebelum selesai, dan screen yang dihasilkan dapat diekspor menuju produksi.

googlestitchdesign-tool
oleh Google Labs · 2026-05
Kunjungi Situs
💡Studi Kasus

Google Gemini 3 - Dynamic View & Visual Layout

Google telah menerapkan fitur Generative UI di Gemini 3 melalui eksperimen yang secara internal disebut "Dynamic View" dan "Visual Layout". Menurut blog resmi Google, AI Mode dengan Gemini 3 dapat membuat layout visual imersif, tool interaktif, dan simulasi secara langsung, sehingga interface dibangun sesuai query pengguna. Dynamic View memungkinkan Gemini 3 mendesain dan menulis kode untuk respons interaktif yang sepenuhnya khusus bagi setiap Prompt, sedangkan Visual Layout menghasilkan interface multimedia imersif bergaya majalah.

googlegeminidynamic-view
oleh Google · 2025-11
Kunjungi Situs
💡Studi Kasus

Google Search AI Mode

Sejak Gemini 3 hadir di Search, AI Mode menambahkan pengalaman Generative UI. Tim Google Search menjelaskan bahwa Gemini 3 dapat membuat layout visual ideal secara dinamis, lengkap dengan tool interaktif dan simulasi yang disesuaikan dengan pertanyaan pengguna. Saat mencari konsep kompleks, pengguna tidak hanya memperoleh jawaban teks, tetapi juga dapat melihat chart dinamis atau tool simulasi, seperti kalkulator dengan parameter yang bisa diubah secara real-time.

googlesearchai-mode
oleh Google · 2025-11
Kunjungi Situs

Kumpulan terkurasi berisi resource Generative UI untuk designer dan developer.

Dibuat dengan ❤️ oleh komunitas