- DevCycle merombak alur onboarding-nya dengan mengutamakan integrasi MCP, sehingga pengembang diarahkan untuk menginstal SDK langsung di editor kode mereka sejak awal, yang mengakibatkan tingkat instalasi SDK meningkat sekitar 3x.
- Sebelumnya, onboarding dirancang berfokus pada pengalaman melalui aplikasi contoh atau sandbox, tetapi dari perspektif pengembang hal ini dianggap sebagai jalan alternatif yang tidak terkait dengan proyek nyata, sehingga tingkat penghentian sangat tinggi.
- Alur baru menggunakan integrasi MCP dengan AI coding assistant (CLAUDE Code, Cursor, dll.) untuk mendeteksi bahasa dan framework secara otomatis, lalu menyediakan proses instalasi yang dipersonalisasi.
- Hanya dengan dua prompt berbahasa alami, instalasi SDK dan pembuatan feature flag dapat diselesaikan, kemudian hasilnya langsung dapat dilihat di dashboard.
- DevCycle menunjukkan bahwa perpindahan ini berarti karena mengubah onboarding dari model yang berfokus pada “pembelajaran” menjadi “penggunaan” serta menunjukkan model onboarding produk baru untuk era AI coding assistant.
Latar Belakang Perubahan
- Tujuan onboarding DevCycle adalah membuat pengguna cepat merasakan nilai inti produk.
- Untuk produk berbasis SDK, momen aha terjadi saat menginstal SDK ke aplikasi sendiri.
- Tutorial sebelumnya menyediakan tiga jalur: browser tanpa kode, code sandbox, dan aplikasi contoh, namun banyak pengembang merasa pemasangan aplikasi contoh itu merepotkan dan akhirnya berhenti.
- Akibatnya, meskipun tutorial diselesaikan, SDK tidak diterapkan ke aplikasi nyata, sehingga struktur ini membuat pengguna tidak merasakan nilai produk secara sesungguhnya.
Keterbatasan Alur Aplikasi Contoh Sebelumnya
- Kelebihan: Menjelaskan konsep inti DevCycle dan struktur platform secara efektif.
- Kekurangan:
- Menimbulkan tingkat penghentian tinggi karena terasa kompleks.
- Berlangsung di lingkungan yang terpisah dari proyek nyata, sehingga pengalaman nilai bersifat tidak langsung.
- Target akhir, yaitu instalasi SDK, tetap perlu dilakukan setelah tutorial.
Alasan Penerapan Integrasi MCP
- MCP (Model-Context-Protocol) adalah protokol yang memungkinkan AI coding assistant berkomunikasi langsung dengan platform untuk mengotomatisasi panggilan API dan pekerjaan kode.
- Memungkinkan proses instalasi dan inisialisasi SDK di IDE yang digunakan pengembang dilakukan secara otomatis.
- Deteksi bahasa dan framework, penyisipan SDK key, dan pembuatan resource platform dilakukan langsung oleh asisten kode.
- Akibatnya, pengembang bisa mengikuti alur yang lurus dari pendaftaran hingga instalasi SDK.
Struktur Onboarding Baru Berbasis MCP
- Onboarding dipangkas menjadi 3 tahap.
- 1. Instal MCP DevCycle
- Pilih AI assistant yang digunakan (Cursor, Claude Code, VS Code, dll.), lalu dapatkan pilihan instalasi satu klik atau panduan detail.
- Lanjut otomatis ketika event penyelesaian instalasi (
mcp_ready) terdeteksi.
- 2. Instal SDK
- Masukkan prompt di asisten: “Install the DevCycle SDK.”
- MCP mengirimkan perintah dan SDK key yang tepat sesuai lingkungan aplikasi untuk instalasi otomatis.
- Pada saat instalasi selesai, otomatis berpindah ke tahap berikutnya.
- 3. Membuat banner Hello World
- Masukkan: “Create a Hello World banner and gate it behind a flag.”
- MCP membuat Feature dan Variable, lalu menghubungkannya ke kode klien.
- Hasilnya dapat dilihat secara real-time di dashboard.
Perbandingan dengan Cara Sebelumnya
- Lokasi kerja: aplikasi contoh browser/lokal → repository kode nyata pengguna
- Jalur instalasi: instalasi aplikasi contoh → instalasi langsung SDK
- Metode pelaksanaan: tutorial berurutan → otomatisasi dengan dua kalimat natural language
- Titik hasil: belajar saat SDK belum terinstal → SDK terinstal + fitur flag berjalan
Mekanisme Internal
- MCP mendeteksi bahasa dan framework melalui AI assistant lalu menghasilkan prompt instalasi yang disesuaikan.
- DevCycle mendeteksi event MCP/SDK (contoh: instalasi, inisialisasi, evaluasi variabel) untuk membuka langkah berikutnya secara otomatis.
- Pekerjaan aktual diringkas menjadi dua prompt:
- “Install the DevCycle SDK.”
- “Create a Hello World banner feature and gate it behind a flag.”
Hasil dan Dampak
- Instalasi SDK naik sekitar 3x
- Karena pengembang berjalan dalam workflow yang natural, tingkat penghentian menurun
- Pengalaman nilai meningkat karena fitur flag bisa dirasakan segera setelah instalasi
Pelajaran saat Mengadopsi MCP
- Product manager: MCP perlu dipandang bukan sekadar koneksi AI, tetapi sebagai titik kontak produk yang baru.
- Engineer: MCP berperan sebagai lapisan yang mengotomatisasi proses instalasi dan konfigurasi yang kompleks secara deterministik.
- Pengguna AI: AI dapat melakukan pekerjaan nyata yang terstruktur seperti modifikasi kode dan setup lingkungan.
Tugas yang Masih Tersisa dan Penanganannya
- Gesekan pada instalasi/autentikasi MCP masih tetap ada.
- Masalah perilaku AI yang tidak deterministik diatasi dengan kontrol izin dan API guardrails.
- Untuk menjaga keandalan kode, semua perubahan dirancang agar dapat ditinjau berbasis diff.
Catatan Implementasi Teknis
- Model event:
mcp_installed → sdk_initialized → variable_evaluated
- Prompt memuat permintaan yang mudah dipahami manusia dan juga perintah berorientasi tool.
- Mekanisme pengaman (izin, opsi skip) dibangun untuk mencegah tindakan destruktif.
Rencana ke Depan
- Akan tersedia ‘Day-1 recipe’ yang dapat diperluas dari contoh awal (Hello World).
- Direncanakan dukungan otomatisasi migrasi kode dari platform Feature Flagging lain.
Kesimpulan
- Meskipun MCP masih pada tahap awal, ia berfungsi sebagai alat yang secara drastis mengurangi gesekan onboarding pada produk berbasis SDK.
- DevCycle mengubah onboarding ke berfokus pada MCP, mengalihkan pengalaman dari “belajar” menjadi “menggunakan langsung”.
- Ini adalah contoh penyajian model onboarding baru yang cocok untuk era AI coding assistant
1 komentar
Akhir-akhir ini, tiap kali saya mendeploy sesuatu, saya jadi berpikir untuk menulis README terpisah khusus untuk AI agent.