Flowstep MCP — Windsurf

Konfigurasi

Edit ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

Mulai ulang Windsurf setelah menyimpan.

Autentikasi

Pada penggunaan pertama, Windsurf membuka browser Anda ke halaman login OAuth Flowstep. Masuk dengan kredensial Flowstep Anda (email/kata sandi atau Google SSO) dan Windsurf menyimpan token.

Anda perlu akun Flowstep sebelum menghubungkan. Buat satu di app.flowstep.ai.

Verifikasi koneksi

Buka panel MCP di Windsurf dan konfirmasi Flowstep terdaftar. Dalam obrolan Cascade:

List my Flowstep files

Contoh penggunaan

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Flowstep MCP — Claude Code

Sebelumnya

Flowstep MCP — Claude Desktop

Selanjutnya

​Konfigurasi

​Autentikasi

​Verifikasi koneksi

​Contoh penggunaan

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan