Langsung ke konten utama

​
Konfigurasi

Tambahkan server dengan CLI Claude Code:
Untuk membagikan server kepada semua orang yang bekerja di satu repositori, tambahkan ke .mcp.json di root proyek, lalu commit file tersebut:
Kolom "type": "http" wajib ada untuk server HTTP Claude Code.

​
Autentikasi

Claude Code menangani alur OAuth 2.1 PKCE secara otomatis saat pertama kali memanggil alat Flowstep. Browser Anda akan membuka halaman masuk Flowstep. Masuk dengan kredensial Flowstep Anda (email/password atau Google), klik Allow di layar persetujuan, dan CLI akan menangkap callback-nya. Tidak ada kunci API yang perlu dibuat atau diganti.
Anda memerlukan akun Flowstep sebelum melakukan autentikasi. Buat akun di app.flowstep.ai.

​
Verifikasi koneksi

Ketik /mcp dalam sesi Claude Code. Flowstep seharusnya tercantum sebagai terhubung, dengan alat-alatnya tersedia. Lalu tanyakan:

​
Contoh penggunaan

Claude Code memanggil ai-design-screens → get-screen-image dan menampilkan hasil render secara langsung. Karena Claude Code sudah membuka repo Anda, Anda bisa melanjutkan dengan “Now build this screen in our app”. Claude Code dapat membaca desain tersebut dengan get-screen-jsx lalu mengimplementasikannya menggunakan komponen Anda.