Flowstep MCP — Claude Code

Konfigurasi

Tambahkan server ke pengaturan Claude Code Anda. Gunakan file pengaturan global untuk mengaktifkannya di mana-mana, atau tambahkan per-proyek.

Global (~/.claude/settings.json)
Proyek (.claude/settings.json)

{
  "mcpServers": {
    "flowstep-production": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

{
  "mcpServers": {
    "flowstep-production": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Atau gunakan CLI:

claude mcp add --transport http flowstep-production https://api.flowstep.ai/mcp

Autentikasi

Claude Code menangani alur OAuth 2.1 PKCE secara otomatis saat pertama kali memanggil tool Flowstep. Browser Anda membuka ke https://api.flowstep.ai/oauth/authorize. Masuk dengan kredensial Flowstep Anda dan CLI menangkap callback.

Anda memerlukan akun Flowstep sebelum mengautentikasi. Buat satu di app.flowstep.ai.

Verifikasi koneksi

claude mcp list

Server harus muncul sebagai terhubung. Kemudian dalam sesi Claude Code:

List my Flowstep files

Contoh penggunaan

Create a Flowstep file called "Settings page", generate a desktop settings screen
for a developer tool with sections for API keys, notifications, and team members.
Show me the rendered image when done.

Flowstep MCP — Cursor

Sebelumnya

Flowstep MCP — Windsurf

Selanjutnya

Memulai

Menggunakan Flowstep

Tim & Organisasi

Ekspor & Integrasi

Server MCP

Penagihan & Paket

Keamanan & Privasi

Flowstep MCP — Claude Code

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan

​Konfigurasi

​Autentikasi

​Verifikasi koneksi

​Contoh penggunaan

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan