13 poin oleh spilist2 2025-04-18 | Belum ada komentar. | Bagikan ke WhatsApp

(Tulisan asli menyertakan system prompt, cuplikan kode, dan gif)

  • Saat Google AI Studio diperbarui, ditambahkan ruang untuk bereksperimen dengan berbagai mini app (Starter Apps) yang memanfaatkan Gemini
  • Tersedia 10+ demo yang bisa dijalankan sambil memodifikasi kodenya. Karena menggunakan Gemini API Key bawaan, semuanya gratis
    • Namun kalau dipakai terlalu banyak akan muncul error 400. Sepertinya ada batas panggilan harian atau semacamnya.
    • Jika memakai akun lain, demo bisa dijalankan

Mencoba menebak: kenapa Google merilis demo-demo ini?

  • Belakangan ini Gemini mendapat perhatian berkat kemampuan multimodal yang tidak hanya memahami dan menghasilkan teks, tetapi juga gambar dan video, serta kemampuan coding yang sangat baik.
  • Namun, sebagian besar pemakaiannya masih terbatas di dalam chatbot LLM, dan belum banyak orang umum yang memanfaatkannya di level API
  • Mungkin Google menampilkan demo-demo ini karena berharap kemampuan seperti ini juga banyak dipakai lewat API dan menghasilkan pemasukan
    • Sebab semua demo tersebut berfungsi sebagai showcase yang memperlihatkan bagaimana fitur-fitur Gemini bisa diimplementasikan di level kode menjadi web app, sekaligus dihubungkan dengan API Google lainnya

Analisis prompt dan kode demo

Saya melihat 2 yang tingkat kompleksitasnya tinggi

Video Toys: memahami dan menjelaskan video + contoh vibe coding

  • Demo yang menganalisis video YouTube dengan Gemini 2.5, lalu membuat aplikasi materi pembelajaran interaktif sederhana lewat vibe coding
    • Video dianalisis dengan peran sebagai "ahli pendidikan sekaligus desainer produk yang punya keahlian membuat pengalaman belajar dalam bentuk web app interaktif", lalu dari sana dibuat spesifikasi web app dan diimplementasikan
  • Untuk video sampel, analisis isinya sudah tersedia sehingga aplikasi materi pembelajarannya bisa langsung dicoba
  • Berbeda dari demo app lain yang hanya terdiri dari beberapa file, yang ini dibangun dengan React
  • Spesifikasi untuk vibe coding yang dibuat Gemini dan kode yang dihasilkan sama-sama bisa diedit oleh pengguna
  • Direkomendasikan bagi yang ingin membuat layanan berbasis video atau layanan pembuat kode

Maps Planner: contoh multimodal + penggunaan fungsi + output terstruktur + API peta

  • Demo yang jika diberi nama tempat akan menjelaskannya, dan saat Day Planner Mode diaktifkan akan menyusun rencana perjalanan satu hari. Waktu tempuh perjalanannya juga diperkirakan
  • Mendukung dua mode, General Explorer Mode dan Day Planner Mode, dengan satu system prompt
    • Menarik melihat bagaimana system prompt diubah secara halus tergantung mode yang dipilih pengguna
  • Mendefinisikan fungsi agar data peta bisa diinput-output secara akurat dan garis antara dua lokasi bisa digambar dengan tepat, lalu membiarkan Gemini memanggilnya
    • Ekstensibilitas seperti inilah yang mungkin ingin dicapai lewat MCP
  • Prompt-nya bagus, tetapi cara menangani API peta dan data lokasi juga dijelaskan dengan baik. Direkomendasikan bagi yang ingin membuat layanan terkait peta

Mencoba membuat sendiri

  • Demo app bisa disalin lalu dikustomisasi. Ada juga banyak template untuk orang yang ingin mulai dari nol
  • Saya menyalin demo pembuatan gambar bernama Explain Things with Lots of Tiny Cats lalu membuat versi saya sendiri
    • Ini adalah demo yang, ketika diminta menjelaskan suatu konsep, membuat semacam webtoon dengan metafora banyak kucing
    • Yang menarik adalah prompt yang mendorong model terus menghasilkan gambar (No commentary, just begin your explanation. Keep going until you're done.) dan kode yang menampilkan gambar-gambar hasilnya satu per satu lewat stream
  • Saya mengubahnya menjadi versi bahasa Korea + kuda nil, lalu membuat Hippo Tahu Segalanya
    • Saya mengambil font Korea yang cocok dari Google Fonts, lalu sedikit mengubah kode HTML dan prompt
  • Ada fitur untuk membagikan app buatan sendiri, tetapi tampaknya tidak bekerja dengan baik
    • Karena semua file terkait disimpan di Google Drive, cukup buka Google Drive dan bagikan filenya seperti biasa

Gemini Cookbook

  • Jika Starter Apps lebih berupa contoh web app yang menarik, di sini tersedia berbagai contoh Python
    • Bahkan ada contoh Gemini 2.5 Flash yang baru dirilis beberapa jam sebelumnya
  • Cocok dijadikan referensi bagi yang ingin membuat layanan AI generatif

Belum ada komentar.

Belum ada komentar.