Persyaratan
- Akun Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Memerlukan Cursor v0.43+Mulai ulang Cursor setelah menyimpan.Cursor memanggil
Langkah 1 — Tambahkan server
Buat atau edit~/.cursor/mcp.json (global) atau .cursor/mcp.json di root proyek Anda:Langkah 2 — Autentikasi
Buka panel Cursor MCP (Pengaturan → MCP) dan klik Connect di sebelah Flowstep. Cursor membuka browser Anda ke login OAuth Flowstep. Masuk dengan kredensial Flowstep Anda (email/sandi atau Google). Browser mengarahkan kembali dan Cursor menyimpan token secara otomatis.Anda memerlukan akun Flowstep sebelum mengautentikasi. Jika Anda tidak memilikinya, daftar di app.flowstep.ai terlebih dahulu.
Langkah 3 — Jalankan panggilan alat
Dalam obrolan Cursor, tanyakan:“Daftar file Flowstep saya”Cursor memanggil
list-files dan mengembalikan daftar file Anda. Jika responsnya kosong, buat file terlebih dahulu:“Buat file Flowstep baru yang disebut ‘Dashboard‘“
Langkah 4 — Buat layar
create-new-design (yang membuat file dan menghasilkan layar dalam satu langkah), kemudian get-screen-image. Anda akan melihat desain yang dirender inline dalam obrolan.Langkah selanjutnya
- Referensi alat — dokumentasi input/output lengkap untuk semua 19 alat
- Contoh — alur kerja multi-langkah
- Klien lain — Windsurf, Claude Desktop, claude.ai