Mosio di Claude

Dari recipe sampai video jadi, tanpa keluar dari chat

Simulasi yang bisa diklik. Kartu di dalam chat adalah kartu Mosio asli (hasil build apps/mcp-app) yang dijalankan host tiruan lewat protokol MCP Apps, sama seperti di Claude. Pratinjaunya dirakit pemeriksa komposisi Mosio sungguhan; jawaban server lainnya berupa contoh.

Ilustrasi, bukan tangkapan layar Claude

Chat dengan asisten · connector Mosio aktif

Yang terjadi

Mulai dari dasborRecipes → Papan menu → Pakai di Claude. Prompt sudah membawa recipe dan brand_id.
Brand dibacaget_brand: harga, kontak, gaya bahasa, warna, font. Tidak ditanya ulang.
StoryboardKartu preview_storyboard, gratis. Tombolnya mengirim pesan ke chat atas namamu.
RancanganClaude menulis HTML, server memeriksa (preview_composition), kartu memutarnya dengan mesin render yang sama. Gratis.
Render"Buat video" memanggil render_composition langsung dari kartu dan memotong 10 detik kredit.
Unduh dan lihatUnduh MP4: link 1 jam tanpa login. Buka di Studio: halaman video permanen di dasbor.
RevisiVersi baru di video yang sama; kartu lama nonaktif sendiri.

Lalu lintas kartu ↔ Claude

Pesan protokol MCP Apps yang dikirim kartu asli, langsung dari demo ini.

Fitur interaktif Claude: yang sudah dan belum dipakai

Dibandingkan dengan SDK MCP Apps 2.0.3 yang dipakai kartu dan panduan desain MCP Apps dari Claude (inline card, inline carousel, layar penuh, dukungan HP lewat WebView).

Fitur	Di Mosio	Status
Kartu inline di chatMCP Apps, `ui://mosio/video-card.html`	Galeri, storyboard, pratinjau, progres render, pemutar video.	Dipakai
Kartu mengirim pesan ke chat`ui/message`	Pilih recipe atau template, setujui storyboard, minta ubah isi.	Dipakai
Kartu memberi tahu Claude tanpa membalas`ui/update-model-context`	"Pengguna membuat video", "video sudah jadi" dengan link-nya.	Dipakai
Kartu memanggil tool server`tools/call`, termasuk tool khusus kartu	Render, polling status, mengambil pratinjau rakitan, menyimpan ke Studio.	Dipakai
Buka link`ui/open-link`	Unduh MP4 dan Buka di Studio.	Dipakai
Tema dan safe area host`hostContext`, token warna host	Terang/gelap, inset di HP, warna dan font dari Claude.	Dipakai
Layar penuh`ui/request-display-mode`	Hanya untuk "Ubah teks" di jalur template. Pratinjau dan video jadi belum bisa dibesarkan.	Sebagian
Inline carousel 3–8 itempanduan desain Claude	Galeri sekarang 10 recipe dan 8 template dalam dua baris, lebih dari batas 8.	Perlu dirapikan
Argumen tool yang mengalir`ui/notifications/tool-input-partial`	Kartu bisa menampilkan progres selama Claude menulis HTML (sekitar satu menit). Sekarang kartu baru muncul setelah selesai. Dukungan di Claude perlu dicoba.	Belum
Unduh lewat host`ui/download-file`	Dialog unduh dari Claude, bukan tab baru ke link 1 jam. Dukungan di Claude perlu dicoba.	Belum
Pemilih brand di kartuseleksi langsung, sesuai panduan	Sekarang Claude bertanya lewat teks kalau brand lebih dari satu.	Belum
Kartu kalender posting	Sudah tercatat "Belum" di AGENTS.md.	Belum
Tool dibatalkan`ui/notifications/tool-cancelled`	Kalau pengguna menghentikan Claude di tengah, kartu tetap menunggu.	Belum
Picture-in-picturemode `pip`	Ada di spesifikasi, tapi panduan Claude hanya menyebut inline, carousel, dan layar penuh.	Tunggu Claude
Sampling dan tool milik kartu`sampling/createMessage`, `registerTool`	Kartu meminta model menulis sesuatu. Tidak dipakai: Mosio tidak menjalankan model AI (kebijakan direktori pasal 4B).	Sengaja tidak

Video di kartu "jadi" direkam dari komposisi yang sama di browser, frame demi frame, ukuran 432×768. Render asli berupa MP4 1080×1920 dari worker Mosio dan butuh sekitar 1–1,5 menit; di demo, status "Merender" dipercepat. Link unduh dan halaman Studio di demo tidak benar-benar dibuka.